'How can I display dynamic value in v-text-field?

I'm trying to change the UI element from <v-card-text> to <v-text-field> read-only. While doing so, I face some challenges. This is used to work

{{ displayType(campaign.type_name) }}

but not they don't. I got error Errors compiling template:

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

Solution 1:^[1]

Try this instead

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

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source
Solution 1	david