博客

示例效果图：

解决方案：

       后端返回的字段为“true"

涉及知识：radio 单选框 还是没有选中后台返回的默认值，原因在于，上面 lable=“true” 这种写法数据是固定的，但是需要的是后台返回的动态数据，所以需要用到 v-bind，即 :lable=“true”。此时的：lable=“后端返回的值”

 <el-form-item label="会员设置:" prop="isNeedMember">
   <el-radio v-model="dataForm.isNeedMember" :label="true">是</el-radio>
    <el-radio v-model="dataForm.isNeedMember" :label="false">否</el-radio>
  </el-form-item>

1、将前端页面映射后呈现的中文文本，转义成数值再传给后台

 <el-form-item label="会员设置:" prop="isNeedMember">
    //添加（展示）
   <el-radio v-model="dataForm.isNeedMember" :label="true">是</el-radio>
    <el-radio v-model="dataForm.isNeedMember" :label="false">否</el-radio>
  </el-form-item>

2、请求接口的时候，将字段值进行映射后再展示

<el-form-item label="会员设置:"  prop="isNeedMember">
    //展示
    <span >{{ this.courseDetail.isNeedMember === true ? "是" : "否" }}</span>
    //修改
    <el-radio  v-model="courseDetail.isNeedMember" :label="true">是</el-radio>
    <el-radio  v-model="courseDetail.isNeedMember" :label="false">否</el-radio>
</el-form-item>