vue一个数组里怎么包含一个变量？

Question

上图是我想要的效果，其中10和3是变量。
我试了这种，显示underfine

return{
    list_tabs:["已回答" + this.people_reply],
    people_reply:10, //已回答
    people_none:3, //未回答
}

试了ES6的字符串拼接，也不行

list_tabs:["`已回答${people_reply}`"],

像这种情况该怎么解决呀？

Answer 1

list_tabs 要放到 vue 的 computed 里面，而不是 data 里面。

Answer 2

 list_tabs:["已回答" + people_reply],
    people_reply:10, //已回答
    people_none:3, //未回答

为啥不这么写？

Answer 3

list_tabs:["已回答" + this.people_reply],不行是因为在这句代码生效的时候它还不知道this.people_reply存在嘞。
list_tabs:["已回答${people_reply}"] 这个写法叫模板字符串，正确的写法是没有双引号的，同样也要确保people_reply存在。
建议把list_tabs放在computed中。

Answer 4

你拼错了啊,es6字符串拼接应该是这样

list_tabs:[`已回答${people_reply}`],

Answer 5

为什么不在数组外边定义一个变量放进去