遇到的问题:
<span class="title">请选择{{ text.key}}</span>
此时text.key不起作用。改为下面这种就OK了。
<span class="title">请选择{{ text[key] }}</span>
原因:在Vue.js的模板语法中,方括号语法([]
)用于动态地访问对象属性。点号语法(.
)在Vue.js的模板中用于访问对象的属性,但它是静态的,无法动态选择属性,因此不能通过text.key
这样的方式来动态访问对象属性。
遇到的问题:
<span class="title">请选择{{ text.key}}</span>
此时text.key不起作用。改为下面这种就OK了。
<span class="title">请选择{{ text[key] }}</span>
原因:在Vue.js的模板语法中,方括号语法([]
)用于动态地访问对象属性。点号语法(.
)在Vue.js的模板中用于访问对象的属性,但它是静态的,无法动态选择属性,因此不能通过text.key
这样的方式来动态访问对象属性。