亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue自定v-model實(shí)現(xiàn)表單數(shù)據(jù)雙向綁定問(wèn)題

 更新時(shí)間：2018年09月03日 11:27:39   作者：一口老血吐在屏幕上的代碼工  
vue.js的一大功能便是實(shí)現(xiàn)數(shù)據(jù)的雙向綁定。這篇文章主要介紹了vue自定v-model實(shí)現(xiàn) 表單數(shù)據(jù)雙向綁定的相關(guān)知識(shí)，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

vue.js的一大功能便是實(shí)現(xiàn)數(shù)據(jù)的雙向綁定，本文給大家介紹vue自定v-model實(shí)現(xiàn)表單數(shù)據(jù)雙向綁定，具體內(nèi)容如下所示：

子組件代碼如下

v-model語(yǔ)法糖

v-model實(shí)現(xiàn)了表單輸入的雙向綁定，我們一般是這么寫(xiě)的：

<div id="app">
  <input v-model="price">
 </div>
new Vue({
  el: '#app',
   data: {
     price: ''
   }
 });

通過(guò)該語(yǔ)句實(shí)現(xiàn)price變量與輸入值雙向綁定

實(shí)際上v-model只是一個(gè)語(yǔ)法糖，真正的實(shí)現(xiàn)是這樣的：

 <input type="text" 
　　　　　　:value="price" 
　　　　　　@input="price=$event.target.value">

以上代碼分幾個(gè)步驟：

1.將輸入框的值綁定到price變量上，這個(gè)是單向綁定，意味著改變price變量的值可以改變input的value，但是改變value不能改變price

2.監(jiān)聽(tīng)input事件（input輸入框都有該事件，當(dāng)輸入內(nèi)容時(shí)自動(dòng)觸發(fā)該事件），當(dāng)輸入框輸入內(nèi)容就單向改變price的值

這樣就實(shí)現(xiàn)了雙向綁定。

總結(jié)

以上所述是小編給大家介紹的vue自定v-model實(shí)現(xiàn)表單數(shù)據(jù)雙向綁定，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論