表單輸入綁定
網站設計制作過程拒絕使用模板建站；使用PHP+MYSQL原生開發(fā)可交付網站源代碼;符合網站優(yōu)化排名的后臺管理系統(tǒng)；成都做網站、網站設計收費合理；免費進行網站備案等企業(yè)網站建設一條龍服務.我們是一家持續(xù)穩(wěn)定運營了十余年的創(chuàng)新互聯(lián)網站建設公司。
基礎用法
文本
### 多行文本
### 復選框
愛好
重慶分公司
重慶分公司
{{ checked }}
var vm=new Vue({
el:'#app',
date:{
checked:[]
},
單選按鈕
性別
男
女
{{picked}}
var vm=new Vue({
el:'#app',
date:{
picked: ''
},
選擇列表
單選列表
戶口
{{ selected }}
var vm=new Vue({
el:'#app',
date:{
selected:'',
},
多選列表（綁定到一個數組）：
new Vue({ el: '#example-6', data: { selected: [] } })
Selected: {{ selected }}
綁定 value
對于單選按鈕，勾選框及選擇列表選項， v-model 綁定的 value 通常是靜態(tài)字符串（對于勾選框是邏輯值）：
復選框
// 當選中時 vm.toggle === vm.a // 當沒有選中時 vm.toggle === vm.b
單選按鈕
// 當選中時 vm.pick === vm.a
選擇列表設置
// 當選中時 typeof vm.selected // => 'object' vm.selected.number // => 123
修飾符
.lazy
在默認情況下， v-model 在 input 事件中同步輸入框的值與數據 (除了 上述 IME 部分)，但你可以添加一個修飾符 lazy ，從而轉變?yōu)樵?change 事件中同步：
{{msg}}
.number
如果想自動將用戶的輸入值轉為 Number 類型,可以添加一個修飾符 number 給 v-model 來處理輸入值：
{{num1}}
{{num2}}
{{num1+num2}}
var vm=new Vue({
date:{
num1:1,
num2:1
},
});
.trim
如果要自動過濾用戶輸入的首尾空格，可以添加 trim 修飾符到 v-model 上過濾輸入：
{{msg}}
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
