Vue Js：在基于道具的按钮中呈现动态 link

Question

我的 table 上方有一个创建按钮，我正在尝试呈现动态 :to v-bind

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

Ex. {{title}} = apple, orange, any string

我试过了

<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"

link重定向错误！

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

尝试#3

to="{{title}}/create"

崩溃了!!

Answer 1

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

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

Answer 2

试试这个：

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

Vuejs : rendering dynamic link in a button base on probs