真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

重慶分公司 重慶分公司

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營銷
• 小程序
• 新聞動(dòng)態(tài)
• 成功案例
• 關(guān)于我們
028-86922220

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營銷
• 小程序
• 新聞動(dòng)態(tài)
• 成功案例
• 關(guān)于我們

 
 
Message is: {{ message }}

 
 
Message is: {{ message }}

 

  Multiline message is:
  {{ message }}
  
 
 

[注意]在文本區(qū)域插值( ) 并不會(huì)生效，應(yīng)用 v-model 來代替

type:checkbox

 
 {{ checked }}



 

  
  Jack
  
  John
  
  Mike 
 
 

  Checked names: {{ checkedNames }} 
 

type:radio

 

  
  One  
 
 

  
  Two  
 
 
Picked: {{ picked }}

select

單選列表

 
  請(qǐng)選擇
  A
  B
  C
 
 Selected: {{ selected }}

[注意]如果v-model表達(dá)初始的值不匹配任何的選項(xiàng)，元素就會(huì)以”未選中”的狀態(tài)渲染。在iOS中，這會(huì)使用戶無法選擇第一個(gè)選項(xiàng)，因?yàn)檫@樣的情況下，iOS不會(huì)引發(fā)change事件。因此，像以上提供disabled選項(xiàng)是建議的做法

多選列表

 
  A
  B
  C
 

 Selected: {{ selected }}

動(dòng)態(tài)選項(xiàng)

用v-for渲染

 
  
   {{ option.text }}
  
 
 Selected: {{ selected }}

綁定value

對(duì)于單選按鈕，勾選框及選擇列表選項(xiàng)， v-model綁定的value通常是靜態(tài)字符串（對(duì)于勾選框是邏輯值） 

 ABC

但若要綁定value到Vue實(shí)例的一個(gè)動(dòng)態(tài)屬性上，就可以用v-bind實(shí)現(xiàn)，并且這個(gè)屬性的值可以不是字符串

復(fù)選框

 
 {{ toggle }}

單選按鈕

 
 {{ pick }}

選擇列表

 
  123
  234
  345
 
  Selected: {{ selected.number }}

修飾符

.lazy

在默認(rèn)情況下， v-model在input事件中同步輸入框的值與數(shù)據(jù)，但可以添加一個(gè)修飾符 lazy ，從而轉(zhuǎn)變?yōu)樵赾hange事件中同步

下列例子中，光標(biāo)移出輸入框時(shí)，才同步數(shù)據(jù)

 
 
Message is: {{ message }}

.number

如果想自動(dòng)將用戶的輸入值轉(zhuǎn)為Number類型（如果原值的轉(zhuǎn)換結(jié)果為 NaN 則返回原值），可以添加一個(gè)修飾符number給v-model來處理輸入值

這通常很有用，因?yàn)樵?type="number" 時(shí) HTML 中輸入的值也總是會(huì)返回字符串類型

 

  
  {{type1}}
  
普通輸入: {{ age1 }}
  
 
 

  
  {{type2}}
  
number修飾符輸入: {{ age2 }}
  
 

.trim

如果要自動(dòng)過濾用戶輸入的首尾空格，可以添加 trim 修飾符到 v-model 上過濾輸入

 
 
msg is: {{ msg }}

vue是什么

Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，Vue與其它大型框架的區(qū)別是，使用Vue可以自底向上逐層應(yīng)用，其核心庫只關(guān)注視圖層，方便與第三方庫和項(xiàng)目整合，且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)復(fù)雜的單頁應(yīng)用。

上述內(nèi)容就是怎么在Vue中使用表單控件數(shù)據(jù)綁定，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。