【问题标题】: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"

崩溃了!!

【问题讨论】:

  • 您缺少标签引号::to="`${title}/create`"

标签: javascript vue.js vuejs2 vue-component


【解决方案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`">
    

    【讨论】:

      猜你喜欢
      • 2019-02-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-07-04
      • 2021-04-25
      • 2021-03-22
      • 1970-01-01
      • 2021-11-10
      相关资源
      最近更新 更多