没有有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='是';就没问题
})
作者 铁血 汉子 2018年3月20日
2024/11/22/03:18:01am 2018/3/20/8:19:51
0 6023