今天,准备写一个关于前后台数据交互,用vue2.0 + Element + vue-cli + resource开发的一个增删改查的实例!
注意:项目源码:
https://github.com/sky-xsk/element-vue-resource-
还有一点注意的是:我用的是公司内部提供的api,所以不在公司内部,是看不到效果的,最主要的还是对源码的参考!放心我会附上图片效果的!
这个简单实例的开发环境是vue2.0 + Element + vue-cli + resource;至于具体安装步骤和环境的搭建我这里不做过多的赘述!直接会把代码写出来,必要时做一些详细的分析!
1.首先是模板代码,这里用到的就是ElementUI;地址http://element.eleme.io/
添加用户 删除 {{ row.create_time | moment('YYYY年MM月DD日 HH:mm:ss')}} 删除 编辑 取 消 确 定 取 消 确 定
2.接下来是js部分,同时也是比较重要的地方
具体解析,我就写在注释里!
下面上几张效果图!
3.png
4.png
5.png
6.png
注意:项目源码:
https://github.com/sky-xsk/element-vue-resource-
作者:永远的小白_FE
链接:https://www.jianshu.com/p/1b8aa619a0d0



