如何在 vuejs 中默认选中单选按钮? [英] how to make radio button checked by default in vuejs?
本文介绍了如何在 vuejs 中默认选中单选按钮?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在项目中使用 VueJs,当页面加载单选按钮状态应检查状态需要,之后更改单选按钮,波纹管 div 应隐藏和显示.我写了下面的代码,但它不起作用:
html----<div id="演示"><input type="radio" value="male" v-model="male" v-bind:checked="checked"/><input type="radio" value="male" v-model="male" v-bind:checked="unchecked"/>
javascript---------新的 Vue({el: '#demo',数据: {检查:正确},方法:{onChange:函数(){检查=假;}}})
解决方案
显然,如果绑定值与输入值相同,Vue 将检查输入:
看看这个小提琴:https://jsfiddle.net/v7zj4c13/188/>
<input type="radio" name="gender" value="male" v-model="gender"/>新的 Vue({el: '#demo',数据: {性别女"}})
上面的代码将检查女性输入,而不是男性输入
I am using VueJs in project, when page load radio buttton status should be checked status need , after that on change radio button, bellow div should be hide and show. i writen bellow code but it is not working:
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;
}
}
})
解决方案
Apparently, Vue will check input if bound value is the same with input value:
Check out this fiddle: 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"
}
})
Code above will checked the female input, not the male one
这篇关于如何在 vuejs 中默认选中单选按钮?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文