首页 > 代码库 > vue中的增删查改

vue中的增删查改

1.配置路由:cnpm install vue-router --save

  配置资源:cnpm install vue-resource --save

技术分享

 

2.增加数据

技术分享

 

技术分享

给文本框做双向绑定后给提交按钮点击事件,进行jsonp跨域传值到接口。

3.展示

技术分享

用jsonp接到借口的值后进行v-for循环展示

 

技术分享

技术分享

4.删除

首先要获取要删除的id

技术分享

给按钮一个删除的点击事件,然后获取id,把id传到接口进行删除,同时删除节点。

技术分享

5.修改

技术分享

修改的模板格式如上图,跳转到默认值页面,需要进行配置路由

技术分享

然后就是默认值update页面接值

技术分享

this.$route.params.?

默认值页面如同添加。

最后写一个dedecms的进入后台是的报错;

需要修改upload/dede/config.php中的第二行,

 define(‘DEDEADMIN‘,preg_replace("/[\/\\\\]{1,}",‘/‘,dirname(__FILE__)));

 

如果vue加载很慢,可能是浏览器访问google时需要加载js,有的js加载不下来,就一直在加载,知道加载完成,才进行下一个加载,所以访问会很慢,我们可以在本地windows中加

一个网址

127.0.0.1 技术分享ajax.googleapis.com 重启apache;

vue中的增删查改