Question

我试图使用$ emit从子组件中调用父方法，但是它没有调用该方法。请帮助我找出问题所在。

父组件

<template>
 <Index></Index>
</template>

<script>
 import Index from 'views/index.vue'
 export default {
  components: {
   Index
  },
  methods: {
   reloading: function() {
    console.log("Hello");
   }
  }
 }
</script>

子组件

<template>
 <div>
   <v-btn @click="toggleChange">Change</v-btn>
 </div>
<template>

<script>
 export default {
  methods: {
   toggleChange: function() {
    var that = this;
    this.$axios.put('status.json')
    .then(response => {
      this.$emit('reloading');
     });
   },
  }
 }
</script>

Answer 1

您需要在父组件中监听事件，然后在触发时然后调用该函数：

<Index @reloading="reloading"></Index>

从子组件调用父方法在Vue中不起作用

1 个答案: