Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue:将道具传递给已嵌入的组件?_Javascript_Vue.js_Vue Props - Fatal编程技术网

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