javascript - 在 v-text 字段 vuetify 中使用大括号？

Question

这是我的代码:

v-text="${item.name} ${item.surname} ${(item.place_name ? ' (' + item.place_name + ')' : '')}"

但我收到错误消息说“{”是意外的。我可以在 vuetify 中使用它吗？

Answer 1

你漏掉了反引号

v-text="`${item.name} ${item.surname} ${(item.place_name ? ' (' + item.place_name + ')' : '')`}"

上面的内容应该可以正常工作，记住您也可以使用带有双花括号的插值，例如:

{{ `${item.name} ${item.surname} ${(item.place_name ? ' (' + item.place_name + ')' : '')` }}

在您创建的标签内而不是 v-text 指令

您还可以将该值保存在正确命名的计算属性中，并像

一样引用它

v-text="myComputedProperty"

所以你从模板中删除该逻辑