没有有name属性,也没有checked
<label><input type="radio" v-model="form.picked" value="已选中"/>已选中</label> <label><input type="radio" v-model="form.picked" value="未选中"/>未选中</label>
data () { return { form: { picked: '未选中' //和picked匹配的值会自动选中 } }
遇到的问题,以及解决
模板部分结构
<label><input type="radio" v-model="form.value1" value="是" />是</label> <label><input type="radio" v-model="form.value1" value="否" />否</label> <p v-if="form.status=='否'">some text...</p>
data部分定义的数据,
status为自定义的属性,根据value1的值,前端处理后赋值给status
form: { status:'', value1:'', }
ajax返回的数据结构
{ value1:'', }
ajax处理,这种方式,会导致两个单选按钮同时被选中
this.$ajax.get(url) .then((res)=>{ this.form=res.data; this.form.status='是'; })
换一种方式
this.$ajax.get(url) .then((res)=>{ let temp=res.data; temp.status='是'; this.form=res.data; //此时this.form.status='是';就没问题 })