andt vue下拉选框回显

最新推荐文章于 2024-08-09 15:14:19 发布

原创最新推荐文章于 2024-08-09 15:14:19 发布 · 1.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文探讨了andtvue框架中下拉选框的回显问题，特别是当后台数据类型为int时，如何通过转换确保正确显示。同时，比较了从字典读取选项与直接在页面上定义选项时的回显差异。

andt vue下拉选框回显

alarmState后台数据类型为int,下拉选项从字典里面读取的话,显示需要""+alarmState转换一下

    <a-form-item
      :labelCol="labelCol"
      :wrapperCol="wrapperCol"
      label="故障状态">
      <a-select placeholder="请输入故障状态" v-decorator="['alarmState', {}]">
        <a-select-option v-for="option in alarmStateDict" key="option.title" :value="option.value">
          {{ option.title }}
        </a-select-option>
      </a-select>
    </a-form-item>
methods: {
  initDictConfig() {
    initDictOptions('alarmState').then((res) => {
      if (res.success) {
        this.alarmStateDict = res.result
      }
    })
  },

  edit(record) {
    this.form.resetFields()
    this.model = Object.assign({}, record)
    this.visible = true
    this.$nextTick(() => {
      this.form.setFieldsValue(pick(this.model, 'fixRemarks',  'alarmState'))
      this.initDictConfig()
      this.form.setFieldsValue({alarmState:""+this.model.alarmState})
    })
  },

不从字典里面读取,直接写死在页面上可以直接回显

 <a-select placeholder="请输入故障状态" v-decorator="['alarmState', {}]">
	<a-select-option :value="0">未处理</a-select-option>
    <a-select-option :value="1">忽略</a-select-option>
    <a-select-option :value="2">售后</a-select-option>
    <a-select-option :value="3">已修复</a-select-option>
 </a-select >