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)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM