vue ant 下拉选择 使用v-decorator设置值显示为数字的解决

字段名为type , 数据库中为int型,前端获取到的也是数字,使用form.setFieldsValue设置值,结果一直显示为数字,不显示文字标题,设置值前将数字转换为字符串,可正确显示

字段:

<a-select
            v-decorator="[ 'type', validatorRules.type]"
            placeholder="请选择租户类型"
            :disabled="isEdit"
            >
            <a-select-option key="0" value="0">平台</a-select-option>
            <a-select-option key="1" value="1">公司</a-select-option>
            <a-select-option key="2" value="2">用户</a-select-option>
          </a-select>

js:

this.$nextTick(() => {
    
    
          var vobj = pick(this.model,'companyCode', 'companyname',  'provinceId', 'cityId', 'countryId', 'address', 'remark','type');
          vobj.type=vobj.type.toString();//转换字符串
          this.form.setFieldsValue(vobj);
        });

猜你喜欢

转载自blog.csdn.net/wyljz/article/details/106217914