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)