如何在Vue.js中更改无线电的选定状态

时间:2017-12-14 08:06:12

标签: javascript vuejs2

在Vue中,我想在使用'v-model'时使用javascript更改收音机的选定状态。 我想改变性别的价值,但它不起作用

 <input v-model="sex" value="man" name="sex" type="radio" >
 <input v-model="sex" value="woman" name="sex" type="radio" >

1 个答案:

答案 0 :(得分:0)

将数据初始化为sex:'man'sex:'women'

&#13;
&#13;
var V = new Vue({
  el:"#app",
  data:{
    sex:'man'
  }
});
&#13;
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.10/vue.js"></script>
<div id="app">
<input v-model="sex" value="man" name="sex" type="radio" >
 <input v-model="sex" value="women" name="sex" type="radio" >
 <div>{{sex}}</div>
 </div>
&#13;
&#13;
&#13;