Atitit vue.js 把ajax數據 綁定到form表單
1.2. 綁定數據到form控件，可以使用jquery，不過vue.js更加簡單1
1.3. 設置v-bind:value 預計把數據綁定到文本框的value屬性1
1.5. 這里簡單的綁定了數據到文本框。。如果綁定select,checkbox較為復雜，可以使用jquery二次綁定即可2
1.1. 使用場景：主要應用在編輯與提交場合。。
1.2. 綁定數據到form控件，可以使用jquery，不過vue.js更加簡單
1.3. edit.html設置v-bind:value 預計把數據綁定到文本框的value屬性
<form id="form1" name="form1" method="post">
<p>
<label for="textfield">用戶名:</label>
<input name="textfield" type="text" id="textfield" v-bind:value="obj1.用戶名">
</p>
<p>
<label for="textfield2">備注:</label>
<input type="text" name="textfield2" id="textfield2" v-bind:value="obj1.備注">
1.4. 獲取ajax數據，並綁定到form控件
<script>
//建立vue與表格的綁定關系，同時設置初始值為空{}
//el就是form id
//obj1 是自定義的數據列表
var VueObj1 = new Vue({
el: '#form1',
data: {
obj1:{}
}
});
//獲取數據，一般是從ajax從后端獲取數據
var json_from_ajax= {用戶名:"王一",備注:"管理員"};
//將數據綁定到form控件
VueObj1.$data.obj1=json_from_ajax;
</script>
1.5. 這里簡單的綁定了數據到文本框。。如果綁定select,checkbox較為復雜，可以使用jquery二次綁定即可
即使用jquery把未綁定數據的控件綁定一下即可。。可以混合使用，取長補短
1.6. 效果
1.7. 提交表單form，直接使用jquery
1.8. 參考資料
Vue 表單控件綁定 - jiangxiaobo - 博客園.html
作者:: 綽號:老哇的爪子claw of Eagle 偶像破壞者Iconoclast image-smasher
捕鳥王"Bird Catcher kok 虔誠者Pious 宗教信仰捍衛者 Defender Of the Faith. 卡拉卡拉紅斗篷 Caracalla red cloak 萬獸之王
簡稱：： Emir Attilax Akbar 埃米爾 阿提拉克斯 阿克巴
全名：：Emir Attilax Akbar bin Mahmud bin attila bin Solomon bin adam Al Rapanui 埃米爾 阿提拉克斯 阿克巴 本 馬哈茂德 本 阿提拉 本 所羅門 本亞當 阿爾 拉帕努伊
常用名：艾提拉（艾龍）， EMAIL:1466519819@qq.com
頭銜：uke總部o2o負責人，全球網格化項目創始人，
uke交友協會會長 uke捕獵協會會長 Emir Uke部落首席大酋長，
uke宗教與文化融合事務部部長， uke宗教改革委員會副主席
uke制度與重大會議委員會委員長，uke保安部首席大隊長,uke制度檢查委員會副會長，
uke 首席cto 軟件部門總監 技術部副總監 研發部門總監主管 產品部副經理 項目部副經理 uke科技研究院院長 uke軟件培訓大師
uke波利尼西亞區大區連鎖負責人 湯加王國區域負責人 uke克爾格倫群島區連鎖負責人，萊恩群島區連鎖負責人，uke布維島和南喬治亞和南桑威奇群島大區連鎖負責人
Uke軟件標准化協會理事長理事長 Uke 數據庫與存儲標准化協會副會長
uke終身教育學校副校長 Uke醫院 與醫學院方面的創始人
uec學院校長， uecip圖像處理機器視覺專業系主任 uke文檔檢索專業系主任
Uke圖像處理與機器視覺學院首席院長
Uke 戶外運動協會理事長 度假村首席大村長 uke出版社編輯總編
轉載請注明來源：attilax的專欄 ?http://www.cnblogs.com/attilax/
--Atiend v8