天天看点

Vue项目项字典值变量添加键值对

Vue项目项字典值变量添加键值对

啥意思嘞,就是说我在vue中定义一个变量,就像下面这样:

dataValue: {},      

然后有人给我发数据,数据的样子类似于这样,赋值给一个变量data:

data = {'dataName':'test1','dataValue':12}      

我界面需要把数据都展示出来,所以我想把收到的数据都保存在一个变量里面,然后在前端直接点key就拿到值了。

把数据处理一下改成下面的形式,然后前端就可以直接点key获取值了。

dataValue = {'test1':12}      

处理成上面的数据,我前段就可以直接

<p>{{dataValue.test1}}</p>      

来获取值了,首先得保证我们的dataName是已知的。

怎样转换呢,下面这样!

this.$set(this.dataValue , this.data.dataName, this.data.dataValue)      

就可以了!

this.$set(要添加到的字典值对象 , key, value)      

【版权声明】本博文著作权归作者所有,任何形式的转载都请联系作者获取授权并注明出处!

【重要说明】本文为本人的学习记录,论点和观点仅代表个人而不代表当时技术的真理,目的是自我学习和有幸成为可以向他人分享的经验,因此有错误会虚心接受改正,但不代表此刻博文无误!