1. 程式人生 > >vue中的增刪查改

vue中的增刪查改

pda config api npm pac 循環展示 重啟 win source

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