时间戳

首页 > 解决方案 > 在 v-text 字段 vuetify 中使用花括号？

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

问题描述

这是我的代码：

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

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

标签： javascriptvue.jsvuetify.js

解决方案

你错过了反引号

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"

所以你从你的模板中删除那个逻辑

推荐阅读