zoukankan      html  css  js  c++  java
  • VUE同级组件之前方法调用

    实现:Index.vue页面调用nav.vue页面里的getLeftMenu()方法

    一、首先先建一个公共文件,命名eventBus.js,内空为:

    import Vue from 'vue'
    export default new Vue()

    二、在Index.vue和nav.vue都import一下eventBus.js公共文件,具体写法

    import bus from './comms/eventBus'

    三、在nav.vue里的mounted方法里加上

    bus.$on('navLeft',function(){
              that.getLeftMenu();    
    });

    四、在Index.vue页面里的methods具体方法里定义emit事件,具体写法

    goUrl(url){//页面跳转
            this.$router.push(url);
            bus.$emit('navLeft',url);
    }
    原文链接:https://blog.csdn.net/zhangjie9852/article/details/103200635

    如果真的不知道将来要做什么,索性就先做好眼前的事情。只要今天比昨天过得好,就是进步。长此以往,时间自然会还你一个意想不到的未来。
    生活像一个杯子。一开始,里面是空的,之后,要看你怎么对待它。如果你只往不如意的方面想,那么你最终辉得到一杯苦水。如果你往好的方面想,那么你最终会得到一杯清泉。
    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
  • 相关阅读:
    java fastJson
    动态 商品属性
    添加营业时间
    ivew 表格中的input数据改变就会失去焦点
    小程序-setData
    小程序 css3走马灯效果
    iview 表单验证
    vue iview tree checked改变 不渲染的问题
    pl/sql中文乱码
    sql-plus无法连接解决
  • 原文地址:https://www.cnblogs.com/lipengze/p/14898259.html
Copyright © 2011-2022 走看看