如何调用另一个组件的方法

时间:2017-05-05 09:48:56

标签: vuejs2 browserify vue-component

我使用browserify模板将我的应用程序从VueJs迁移到Vue2

我有两个组成部分:

  • 菜单

    export default {
    name: 'Menu',
    data:function(){
     return{
      menu: []
    }, 
    events:{
       'set-menu':function(){ this.setMenu()},
    methods:{
       setMenu(){
           this.menu =  ['home']
    },  
    

    }

  • 登录

    import Menu from './Menu.vue'
    exports default {
       ..... // code here
        // i want to trigger Menu.setMenu here
    }
    

我试过了:

  • Menu.methods.setMenu()但是这个值并不像预期的那样。
  • Menu.methods.setMenu.call(app)其中window.app是app.js中的新Vue
  • Menu.methods.setMenu.call(new Vue())
  • app.$emit('setmenu')

这里似乎没什么用。

过去,Vue1 this.$parent.$children[1].setMenu()中的

完美无缺。如何实现这一目标

0 个答案:

没有答案