ant design vue中select數據回顯問題

今早在對form使用setFieldsValue賦值時,select框中只顯示了我賦的value值,沒有跟option匹配,不顯示lable前端

查文檔,用了lableInValue也無果(大概本前端萌新不會用吧QAQ)app

表單元素select以下ui

<a-form-item class="mb10" label="數據類型" :label-col="{ span: 5 }" :wrapper-col="{ span: 19 }">
            <a-select v-decorator="['valueType',{rules: [{ required: true, message: '請選擇類型' }]}]">
              <a-select-option value="1">字符</a-select-option>
              <a-select-option value="2">數值</a-select-option>
            </a-select>
          </a-form-item>

 

解決方案:this

在賦值時轉爲字符串類型,應該是數字類型與option的value值不匹配致使,轉爲字符串類型後完美解決spa

this.dictDataForm.setFieldsValue({
          'dictCode': row.dictCode,
          'dictVal': row.dictVal,
          'dictText': row.dictText,
          'valueType': row.valueType + '' // 轉字符串,不然沒法匹配value回顯
        })
相關文章
相關標籤/搜索