Vue.js 路由器链接按钮组件

Vue.js 路由器链接按钮组件,vue.js,button,components,Vue.js,Button,Components,我正在用Vue构建简单的按钮组件。我正在尝试在组件中存储道具“链接” 然后在父组件中,我只想使用按钮组件,如: <btn :link="page link" /> 我可以用简单的“a”标记来实现这一点,但我想用路由器来触发我的页面转换。也许我在编写组件时犯了一些错误。如果有人有不同的想法,我会去做 我需要一个按钮组件,在父组件中,我将链接作为数据传递 导出默认值{ 道具:{ 链接:{ 类型:字符串, 必填项:false, }, }, } btn文本 我不知道,但我是用“

我正在用Vue构建简单的按钮组件。我正在尝试在组件中存储道具“链接”

然后在父组件中,我只想使用按钮组件,如:

<btn :link="page link" />

我可以用简单的“a”标记来实现这一点,但我想用路由器来触发我的页面转换。也许我在编写组件时犯了一些错误。如果有人有不同的想法,我会去做

我需要一个按钮组件,在父组件中,我将链接作为数据传递


导出默认值{
道具:{
链接:{
类型:字符串,
必填项:false,
},
},
}

btn文本

我不知道,但我是用“:”在父级中传递链接数据的,它应该没有,因为我没有绑定任何内容。 现在的工作代码如下所示


导出默认值{
道具:{
链接:{
类型:字符串,
要求:正确,
},
},
}

btn文本

当使用
路由器链接时,页面转换应该有效。是的,它有效,我只是不知道如何从父组件传递链接数据。您使用
将属性或属性绑定到脚本中定义的属性,如我编辑的答案中所述