JS对象的属性名为变量时，如何获取其对应的值？在Vue模板变量中的用法一样！_vue js 获取对象属性的值

作者：不正经 | 2024-02-19 07:16:42

踩

vue js 获取对象属性的值

对象.属性名称
对象[属性名称]

对象[属性名称] 传进去的属性名称是一个变量，简单点说就是用“[]”来代替“.”

如：有对像user 内容如下

var user = {
"name":"张三","age":10,"sex":false
}
1
2
3

正常取name的值方法是：user.name
如果name是一个可变的名称，用变量nameStr作变量

var nameKey= "name";//或者接口返回的数据
1

这时取user.name的值改为：

user[nameKey]
1

在Vue模板中取值

{{user[nameKey]}}
1

nameKey是一个变量可以根据业务接口返回的具体key值通过nameKey传进来进行匹配

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop】

JS对象的属性名为变量时， 如何获取其对应的值？在Vue模板变量中的用法一样！_vue js 获取对象属性的值