Javascript Vue:将道具传递给已嵌入的组件?
基本上,我有一个“显示”组件,它有两个嵌入式组件,“菜单”和“提要”。我希望我的提要根据菜单中单击的按钮进行更新。我可以从菜单组件发出单击的按钮,但是如何将其传递给已经嵌入到模板标记中的提要组件呢 显示组件模板部分如下所示Javascript Vue:将道具传递给已嵌入的组件?,javascript,vue.js,vue-props,Javascript,Vue.js,Vue Props,基本上,我有一个“显示”组件,它有两个嵌入式组件,“菜单”和“提要”。我希望我的提要根据菜单中单击的按钮进行更新。我可以从菜单组件发出单击的按钮,但是如何将其传递给已经嵌入到模板标记中的提要组件呢 显示组件模板部分如下所示 <template> <div> <Menu k-bind:options="options"/> <Feed/> </div> </te
<template>
<div>
<Menu k-bind:options="options"/>
<Feed/>
</div>
</template
让您的显示所选菜单选项的组件维护状态。通过道具将其绑定到您的提要
,并在菜单
上收听更新事件<代码>馈送
然后可以更改道具
展示
数据:()=>({
选项:[/*无论什么*/],
选项:null//保留所选菜单选项
})
菜单(猜测)
{{option.label}
喂
props:['option'],
方法:{
updateFeed(已选择选项){
//随便
}
},
观察:{
选项(selectedOption){
this.updateFeed(选择选项)
}
}
您能分享您的菜单和馈送组件代码吗?什么是k-bind
?