在 Vue.js 中的路由器鏈接的“：to”屬性中傳遞一個道具

Question

我在 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 。 你知道解決這個問題的任何技巧嗎？

Answer 1

你從默認值得到的是一個字符串，但你需要一個對象。 以這種方式嘗試：

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

這里有更多關於 props 默認值的信息： https ://v2.vuejs.org/v2/guide/components-props.html#Prop-Validation