Javascript 在“中传递道具”：至；Vue.js中路由器链接的属性

我在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>

登录
导出默认值{
名称：组件名称，
道具：{
我的道具：{
类型：字符串，
默认值：“{name:login}”
}     
}
}

---

登录当然是在我的路由器中定义的。但是当我把路由作为道具给出时，我被重定向到

/%7B%20name:%20'登录名“%20%7D

。你知道有什么诀窍可以解决这个问题吗？

默认值是一个字符串，但你需要一个对象。试着这样做：

道具：{
我的道具：{
类型：对象，
默认值：（）=>（{name:'login'}）
}
}       

---

这里有更多关于道具默认值的信息：

从默认值中得到的是一个字符串，但您需要一个对象。试着这样做：

道具：{
我的道具：{
类型：对象，
默认值：（）=>（{name:'login'}）
}
}       

以下是有关道具默认值的详细信息：