将 props 传递给路由器链接 - Vue.js

Question

我试图传递我的路由器链接名称的道具，但它根本不起作用。我究竟做错了什么？

按钮组件：

<template>

      <router-link :to="{ name: nextStep }" tag="button" class="button">Back</router-link>

      <router-link :to="{ name: previousStep }" tag="button" class="button">Next</router-link>

</template>

<script>

    export default {

        props: {

            nextStep: {

                type: String,

                default: null,

            },

            previousStep: {

                type: String,

                default: null

            }

        },

     

    }

</script>

当我使用该组件时

  <Buttons :nextStep="Firststep" :previousStep="Secondstep" />

我的路由器 js 确保名称正确

{

    path: "/firststep",

    name: "Firststep",

    component: FirstStep

  },

  {

    path: "/secondstep",

    name: "Secondstep",

    component: SecondStep

  },

Answer 1

尝试删除绑定标志:：<Buttons&nbsp;nextStep="Firststep"&nbsp;previousStep="Secondstep"&nbsp;/>如果您使用绑定符号，则值应定义为属性。