vue使用el-select el-option失效 不显示名称 还是显示原数据

          <el-form-item label="生效标记" prop="enableSign" label-width="17rem">
            <el-select v-model="dialog.elForm.enableSign" placeholder="请选择内容">
              <el-option v-for="item in enableSignList"
                         :key="item.infoCode"
                         :label="item.infoName"
                         :value="item.infoCode">
              </el-option>
            </el-select>
          </el-form-item>

视图并没有显示名称,还是显示了原数据
在这里插入图片描述

在查询数据后整体数据绑定后,再单独把使用el-option的数据转字符串类型后赋值
	//数据数组
	elForm: {
    
    
          enableSign: "", //生效标记
        }
        
        
    //根据id查询单条记录
    getOneData(id) {
    
    
      this.$axios.get(myApi.getOneChartInfo + '?id=' + id).then(res => {
    
    
        if (res.data.code === myConst.code.success) {
    
    
          this.dialog.elForm = res.data.data
          this.dialog.elForm.enableSign = this.dialog.elForm.enableSign + ""
        }
      })
    },

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45265547/article/details/134716274