element单选按钮 form提交数据到后端

错误案例：

 

<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item prop="remind" label="提醒时间">
  <el-radio v-model="remind" label="是">是</el-radio>
  <el-radio v-model="remind" label="否">否</el-radio>
</el-form-item>
</el-form>

data() {
  return {
    radio:"是",
    form: this.modifyForm,
    remindMethod: '1',//提醒方法
     remind: '是',

}}

//发送数据请求方法

addscherdule(this.form).then(response => {
  if (response.code === 200) {
    this.msgSuccess("新增成功");
    this.visible = false;
    this.$parent.getList();
  } else {
    this.msgError(response.msg);
  }
})

//数据请求后端

// 修改活动信息
export function updatecalendar(data) {
  return request({
    timeout: 20000,
    url: '/system/personscherdule/update',
    method: 'post',
    data: data
  })

由于remind是自定义的，而且由于本新增表单form由主页index.vue赋值而来本就包含remind，相当于有两个remind，当发送数据时，只会发送form中自带的信息，也就是说，无论时点击是或者否，最后结果都是是。我们删除自定义的remind，然后通过form.remind，将form中的remind属性直接当作变量，当我们点击时，label自动将数据绑定在form.remind属性中。数据发送就能成功的发送remind的值了，否则只会将index.vue中表单的remind自动发送到后端，而且数据没有进行修改