vue两个组件(非父子组件)之间传递数据

2018-01-02 18:03
椰子皮
2824
1
7
Vue

“ vue两个组件(非父子组件)之间传递数据 ”

我们希望点击某个按钮时把这个数据传递给其他的组件,这两个组件是非父子组件;例如:<br/>

组件A:

复制代码
<a @click="getSubNav(1,666)" href="javascript:void(0)"><el-tag>站点管理</el-tag></a>
 methods: {

        getSubNav(id, subId) {

            App.$emit('subNav', { 'id': id, 'subId':subId}); //派发事件
        }
    }

组件B:

复制代码
 mounted() {
        //监听点击后的事件
        App.$on('subNav', (res) => {

           console.log(res);

        });
    },

注:App是指vue实例。

赏
支付宝微信
7
关注公众号获取更多内容
让height:auto有过度效果
vue中 使用公共实例 组件之间传递数据 $on 多次触发
共有 1 条评论
发表评论
  • 明天#10011
    2019-09-21 19:09
    未知
    Win10

    这个很不错的,学习了不少东西

    回复
共 1 条 第 1-1 条
每页
10
条
  • 1
不支持canvas