时间戳

首页 > 解决方案 > 在 Vue.js 中的路由器链接的“：to”属性中传递一个道具

javascript - 在 Vue.js 中的路由器链接的“：to”属性中传递一个道具

问题描述

我在 vue 中创建路由器链接并将路由名称作为道具传递给它时遇到问题......我想做的基本上是这样的：

<template>
  <div>
    <router-link :to="myProps">Login</router-link>
  </div>
</template>

<script>
  export default {
    name: componentName,
    props: {
      myProps: {
        type: String,
        default: '{ name: login }'
      }     
    }
  }
</script>

登录当然是在我的路由器中定义的。但是当我将路线作为道具提供时，我被重定向到/%7B%20name:%20'login'%20%7D. 你知道解决这个问题的任何技巧吗？

标签： javascriptvue.jsvue-routervue-props

解决方案

你从默认值得到的是一个字符串，但你需要一个对象。以这种方式尝试：

props: {
  myProps: {
    type: Object,
    default: () => ({name: 'login'})
  }
}

这里有更多关于 props 默认值的信息：https ://vuejs.org/v2/guide/components-props.html#Prop-Validation

推荐阅读