vue获取字典的值用什么方法,怎么获取字典的键值

　　本文主要介绍了vue数据字典的键值选择方法，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

vue数据字典取键值

　　首先，项目中的数据字典路线已经匹配好了。

　　进入项目页面

　　数据字典简介

　　从“@/api/dict/dictValue/index”导入{ gettype value }；

　　创建前获取词典。

　　getTypeValue(org_attr_type )。然后(response={

　　this . attrtypeoptions=response . data . rows；

　　});

　　设置el下拉框

　　注意，上面的写法是错的。注意：键，标签，值值

　　还会显示搜索列表。

vue项目的字典问题

　　我们在项目中经常会遇到一个字典问题，就是从后台获取一个固定的数组，然后通过选择框在系统的很多地方使用。如果每次使用都拿到，往往会出现两个问题：

　　1.当这个数组的数据量过大时，有可能点击选择下拉框，数据还没有返回，导致无法选择；

　　2.每次都要重新请求后台。当数据量太大并且同一页面上有许多其他界面时，页面加载会很慢。

　　那怎么解决呢？如下：

在utils中写一个dict.js的文件

　　内容如下：

　　//系统中打包的axios

　　从“@/utils/axios”导入{ httpPost }

　　导出函数getDict(obj) {

　　//这个dictList中的键名都是字典名，也就是传入对应的名字就可以得到对应的列表。

　　const dictList={

　　毕业学校：[]，

　　专业：[]，

　　最高学位：[]，

　　性别：[]，

　　标题：[]，

　　工作单位：[]，

　　地点：[]，

　　专家类型：[]，

　　}

　　for(让k出现在字典列表中){

　　http post(/sysdict/findByDictType ，{ dictType: `${k}` })。然后((res)={

　　对象[k]=资源数据

　　})

　　}

在main.js中引用刚才封装好的getDict方法

　　并在字典上做一个全球声明：

　　从“@/utils/dict.js”导入{ getDict }

　　Vue.prototype.$dictObject={}

　　getDict(vue . prototype . $ dictObject)

之后我们就可以在系统中使用

　　" $ dictobject.dictionary name "而不是相应的列表：

　　El-form-item label= prop prop= major id

　　El-select v-model= data form . major id placeholder=请选择专业

　　el选项

　　v-for=item in $dictObject.major

　　:key=item.id

　　:label=item.dictName

　　:value=item.id

　　/el选项

　　/el-select

　　/El-表单-项目

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。