Vue.js 路由器链接按钮组件
我正在用Vue构建简单的按钮组件。我正在尝试在组件中存储道具“链接” 然后在父组件中,我只想使用按钮组件,如:Vue.js 路由器链接按钮组件,vue.js,button,components,Vue.js,Button,Components,我正在用Vue构建简单的按钮组件。我正在尝试在组件中存储道具“链接” 然后在父组件中,我只想使用按钮组件,如: <btn :link="page link" /> 我可以用简单的“a”标记来实现这一点,但我想用路由器来触发我的页面转换。也许我在编写组件时犯了一些错误。如果有人有不同的想法,我会去做 我需要一个按钮组件,在父组件中,我将链接作为数据传递 导出默认值{ 道具:{ 链接:{ 类型:字符串, 必填项:false, }, }, } btn文本 我不知道,但我是用“
<btn :link="page link" />
我可以用简单的“a”标记来实现这一点,但我想用路由器来触发我的页面转换。也许我在编写组件时犯了一些错误。如果有人有不同的想法,我会去做
我需要一个按钮组件,在父组件中,我将链接作为数据传递
导出默认值{
道具:{
链接:{
类型:字符串,
必填项:false,
},
},
}
btn文本
我不知道,但我是用“:”在父级中传递链接数据的,它应该没有,因为我没有绑定任何内容。
现在的工作代码如下所示
导出默认值{
道具:{
链接:{
类型:字符串,
要求:正确,
},
},
}
btn文本
当使用路由器链接时,页面转换应该有效。是的,它有效,我只是不知道如何从父组件传递链接数据。您使用:
将属性或属性绑定到脚本中定义的属性,如我编辑的答案中所述