this.$emit 页面刷新不生效

在Vue中，this.$emit()是用于在子组件中向父组件传递数据的方法。如果页面刷新不生效，可能是因为在父组件中没有正确监听子组件传递的数据。解决这个问题的方法有两种：

1.在父组件中使用this.$nextTick()方法来监听子组件传递的数据：

mounted() {
  this.$nextTick(() => {
    this.$bus.$on('yulan', (row) => {
      //处理子组件传递的数据
    })
  })
}

2.在父组件中使用created()钩子函数来监听子组件传递的数据：

created() {
  this.$bus.$on('yulan', (row) => {
    //处理子组件传递的数据
  })
}

需要注意的是，在使用第二种方法时，如果父组件中存在异步操作，可能会导致监听不到子组件传递的数据。此时可以使用this.$nextTick()方法来解决这个问题。

相关问题

this.$emit和uni.$emit

this.$emit和uni.$emit都是用于在Vue组件中触发自定义事件的方法。它们的用法类似，都需要传递两个参数：事件名称和要传递的数据。具体区别在于this.$emit是Vue实例的方法，而uni.$emit是uni-app框架的方法。

下面是一个使用this.$emit触发自定义事件的例子：

// 子组件中触发自定义事件
this.$emit('my-event', 'hello world')

// 父组件中监听自定义事件
<template>
  <child-component @my-event="handleEvent"></child-component>
</template>

<script>
export default {
  methods: {
    handleEvent(data) {
      console.log(data) // 输出：hello world
    }
  }
}
</script>

下面是一个使用uni.$emit触发自定义事件的例子：

// 子组件中触发自定义事件
uni.$emit('my-event', 'hello world')

// 父组件中监听自定义事件
<template>
  <child-component></child-component>
</template>

<script>
export default {
  mounted() {
    uni.$on('my-event', data => {
      console.log(data) // 输出：hello world
    })
  }
}
</script>

this.$emit和this.$on

this.$emit和this.$on是Vue.js中用于组件间通信的两个方法。this.$emit用于在当前组件中触发一个自定义事件，并传递数据；this.$on用于在当前组件中监听一个自定义事件，并在事件触发时执行相应的回调函数。

下面是一个示例代码，演示了如何在Vue.js中使用this.$emit和this.$on实现组件间通信：

<template>
  <div>
    <child-component @custom-event="handleCustomEvent"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent,
  },
  methods: {
    handleCustomEvent(data) {
      console.log(data);
    },
  },
};
</script>

在上面的代码中，父组件通过在子组件上绑定一个自定义事件@custom-event来监听子组件中触发的事件。子组件中通过this.$emit('custom-event', data)来触发自定义事件，并传递数据data。