Vue Js：基于道具在按钮中渲染动态链接答案

【问题标题】：Vue Js：基于道具在按钮中渲染动态链接
【发布时间】：2022-01-22 09:13:57
【问题描述】：

我的桌子上方有一个创建按钮，我正在尝试渲染动态:to v-bind

因为我可以访问{{title}}

例如。 {{title}} = 苹果、橙子、任何字符串

我试过了

<router-link :to=`${title}/create`>
    <v-btn color="blue white--text mt-5 mr-8">
        <span>Create</span>
    </v-btn>
</router-link>

我明白了

尝试#2

to="{title}/create"

链接重定向错误！

http://localhost:8080/%7Btitle%7D/create

尝试#3

to="{{title}}/create"

崩溃了！！

【问题讨论】：

【解决方案1】：

<router-link :to="`${title}/create`">
    <v-btn color="blue white--text mt-5 mr-8">
        <span>Create</span>
    </v-btn>
</router-link>

vue 指令总是用双引号括起来，即使你使用的是模板文字

【讨论】：

【解决方案2】：

试试这个：

<router-link :to="`${title}/create`">

【讨论】：