当页面加载时,单选按钮状态应检查状态需要,之后更改单选按钮,下面的 div 应隐藏和显示。我编写了以下代码,但它不起作用:
html
----
<div id="demo">
<input type="radio" value="male" v-model="male" v-bind:checked="checked" />
<input type="radio" value="male" v-model="male" v-bind:checked="unchecked" />
</div>
javascript
---------
new Vue({
el: '#demo',
data: {
checked: true
},
methods:{
onChange:function(){
checked=false;
}
}
})
显然,如果绑定值与输入值相同,Vue 将检查输入:
看看这个小提琴:https://jsfiddle.net/v7zj4c13/188/ https://jsfiddle.net/v7zj4c13/188/
<input type="radio" name="gender" value="female" v-model="gender"/>
<input type="radio" name="gender" value="male" v-model="gender"/>
new Vue({
el: '#demo',
data: {
gender: "female"
}
})
上面的代码将检查女性输入,而不是男性输入
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)