Vue data dict

字典选项

DictOptions

数据字典选项

  • 详细信息
参数说明类型可选默认值
request字典数据请求，function(dict: DictMeta): Promise ¦ Arrayfunction是metas['*'].request
responseConverter字典数据转换器function是metas['*'].responseConverter
labelField“字典标签”字段名称function是label
valueField“字典值”字段名称function是value
lazy懒加载，开启后字典初始化后，不会立即加载数据，需调用load方法触发加载boolean是false
lookup向上查找，开启后字典数据加载时，会优先从祖先组件中查找同类型字典boolean是false
  • 示例
const pluginOptions = {
  metas: {
    'lang': {
      request(dictMeta) {
        return Promise.resolve([
          { label: 'js', value: 1 },
          { label: 'java', value: 2 },
          { label: 'c', value: 3 },
        ]) // get data from remote server
      },
      responseConverter(response, dictMeta) {
        // you can use "VueDataDict.convertData({ ... }, dictMeta)" to convert Object to DictData
        return response.map(e => VueDataDict.convertData(e, dictMeta))
      },
      labelField: 'label',
      valueField: 'value',
      lazy: false,
      lookup: false,
    }
  }
}

app.use(VueDataDict, pluginOptions)