Vue 表单元素相关

Question

input

number 修饰符

<p>
<input v-model="age">
<span>NaN</span>
</p>
// 字符串拼接

<p>
<input v-model.number="age">
<span>NaN</span>
</p>
// 数字相加（前提是输入的值能被 parseFloat()，否则也是返回字符串拼接）

lazy 修饰符

// 在“change”时而非“input”时更新
<input v-model.lazy="msg">

type="checkbox"

<p>
<input type="checkbox" v-model="toggle" true-value="yes" false-value="no">
<span></span>
</p>

type="radio"

<p>
<input type="radio" v-model="radio" value="radio-checked1">
<input type="radio" v-model="radio" value="radio-checked2">
<span></span>
</p>

对于需要使用输入法（如中文、日文、韩文等) 的语言，你会发现 v-model 不会在输入法组合文字过程中得到更新。如果你也想处理这个过程，请使用 input 事件。