如何在 v-text-field 中显示动态值？

Question

我正在尝试将 UI 元素从 <v-card-text> 更改为只读的 <v-text-field>。在这样做的同时，我面临一些挑战。这个是用来工作的

{{ displayType(campaign.type_name) }}

但不是他们没有。我收到错误 Errors compiling template:

<v-text-field
    outlined
    small
    value="{{ displayType(campaign.type_name) }}"
    label="Type"
    readonly
></v-text-field>

Answer 1

试试这个

<v-text-field
    outlined
    small
    :value="displayType(campaign.type_name)"
    label="Type"
    readonly
></v-text-field>