一、表單控件綁定v-model

創(chuàng)新互聯(lián)長期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為澄邁企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站制作，澄邁網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

v-model 雙向數(shù)據(jù)綁定；一般用于表單元素，會忽略表單元素的value、checked、selected的初始值，且將Vue實(shí)例的數(shù)據(jù)作為數(shù)據(jù)來源。

① 單行文本框 input[type="text"] 、多行文本框 textarea：

v-model值綁定到value屬性；

ps：下面看下Vue v-bind v-model的使用

v-model 指令在表單控件元素上創(chuàng)建雙向數(shù)據(jù)綁定,所謂雙向綁定，指的就是我們在js中的vue實(shí)例中的data與其渲染的dom元素上的內(nèi)容保持一致，兩者無論誰被改變，另一方也會相應(yīng)的更新為相同的數(shù)據(jù)

最基礎(chǔ)的就是實(shí)現(xiàn)一個聯(lián)動的效果

  

    Multiline message is:
    
{{message}}
    

    
  

checkbox

  

    
    jack
    
    John
    
    Mike
    

    Checked names:{{checkedNames}}
  
  

v-bind

有些指令可以在其名稱后面帶一個“參數(shù)” (Argument)，中間放一個冒號隔開。例如，v-bind 指令用于響應(yīng)地更新 HTML 特性

總結(jié)

以上所述是小編給大家介紹的vue指令之表單控件綁定v-model v-model與v-bind結(jié)合使用 ,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！