Framework 7 Vue - не работают методы Parent Vue - PullRequest
Новая
       9

Framework 7 Vue - не работают методы Parent Vue

0 голосов
/ 15 февраля 2019

Я пробовал много разных способов запустить простую функцию из parent vue, но все еще не работает, console.log без ошибок, но ничего не происходит ... кто-нибудь, пожалуйста, помогите мне взглянуть на это ... большое спасибо.

app.vue 

import childpage from './child.vue';
export default {
    data() {
        return {
            f7params: {
              name: 'myapp',
              id: 'com.myapp.fn',
              theme : 'ios',
              routes: [
                  {
                    path: '/childpage/',
                    component: childpage,
                  },
        }
    },
    events:{
        fn : 'runfn',
    },
    methods: {
        runfn(){
            console.log('HERE!!!');
        }
    },
    components: {
        childpage,
    }
}

child.vue 

export default {
    data() {
        return {
            isBottom: true,
        };
    },
    mounted: function(){
        this.runfn();
    },
    methods: {
        runfn(){ 
            this.$emit('fn');
        }
    }
}

1 Ответ

0 голосов
/ 15 февраля 2019

Попробуйте, как показано ниже => 

this.$parent.runfn();

Ниже приведен подробный код.

Шаблон 

<div id="app">
  <child></child>
</div>

Скрипт 

Vue.component('child', {
  template: '#child-template',
   mounted: function(){
       this.$parent.runfn();
    },
});

var app = new Vue({
    el: '#app',
  methods: {
    runfn(){
        alert('parent');
    }
    }
});

См.это для более подробной информации.https://jsfiddle.net/RiddhiParekh/onkzr3ms/3/

...