码迷,mamicode.com
首页 > 其他好文 > 详细

vue中的增删查改

时间:2017-07-11 12:16:46      阅读:321      评论:0      收藏:0      [点我收藏+]

标签:div   文本框   事件   ace   本地   pac   googl   php   install   

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中的增删查改

标签:div   文本框   事件   ace   本地   pac   googl   php   install   

原文地址:http://www.cnblogs.com/peng0728/p/7149872.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!