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)
Logo

前往低代码交流专区

更多推荐