字典在分页列表中的应用

调用说明，以status状态字段为例

data增加属性

statusPrefixData: []

method增加方法

    /**
     * 获取字典数据
     */
    dataTypeItem() {
      this.statusPrefixData = this.$options.filters['dictData']('status')
    },
    statusFilter(status) {
      // eslint-disable-next-line eqeqeq
      const values = this.statusPrefixData.filter(item => item.dictKey == status)
      if (values.length > 0) {
        return values[0].dictValue
      }
    }

created增加初始化调用

this.dataTypeItem()

column下的status字段增加

scopedSlots: { customRender: 'status' }

增加status插槽

 <span slot="status" slot-scope="text, record">
  <a-tag :color="record.status === 0 ? 'blue' : 'red'">{{ statusFilter(text) }}</a-tag>
</span>

注意事项

• status字段需要提前在字典表里进行配置
• 其他插槽根据此方式自行修改

至此完成