vue中的v-model
Vue中一般使用v-model 来与标签进行数据的双向绑定,如单选框、复选框、文本等。v-model有语法糖的味道,比如下面的代码。
<input type="radio" name="sex" id="male" value="男" v-model="sex" />男
<input type="radio" name="sex" id="famale" value="女" v-model="sex" />女
const app = new Vue({
el:"#app",
data:{
sex:"男"
}
});
而本质上则是
<input type="radio" id="male" name="sex" value="男" @input="sex = $event.target.value" checked />男
注意:
在同一组input的radio标签中如果使用了v-model绑定了同一个变量,那么原本用来相互排斥的name属性就可以不加,因为v-model有排斥的效果。