双向绑定-input修饰符

---------双向绑定----------

v-model  // input textarea checkbox redio select

checkbox

   message:  false  // true

   message: ['jack','dell']

jack  <input type="checkbox" v-model="message" value="jack" />

redio

   redio:''

redio <input type="redio"    v-model="message" value="jack" />

 

   // 单选

select

   select:''

<select v-model="select">

   <option value="">请选择内容</option>

   <option value="A">A</option>

   <option value="B">B</option>

   <option value="c">c</option>

   <option value="D">D</option>

</select>  

// 多选    按住ctrl 可以多选

select

   select:[]

<select v-model="select" multiple>

   <option value="">请选择内容</option>

   <option value="A">A</option>

   <option value="B">B</option>

   <option value="c">c</option>

   <option value="D">D</option>

</select>

// 修饰符

message

   message:''

trim   去除两端空格

number 把输入的字符串转为数字类型

<input type="text" v-model.lazy="message" value="jack" />

<input type="text" v-model.number="message" value="jack" />

<input type="text" v-model.trim="message" value="jack" />