在组件中添加visible-change事件 如何判断需要重新请求数据

在组件中添加visible-change事件后，可以通过以下步骤来判断是否需要重新请求数据：

1. 在组件的data中定义一个变量，如isNeedRequestData，初始值为true。

2. 在visible-change事件中，判断当前组件的可见状态是否为true，如果是，则判断isNeedRequestData是否为true，如果为true，则说明需要重新请求数据，将isNeedRequestData设置为false，发起请求并更新数据。

3. 如果当前组件的可见状态为false，则将isNeedRequestData设置为true，以便再次进入时重新请求数据。

示例代码如下：

<template>
  <div @visible-change="handleVisibleChange"></div>
</template>

<script>
export default {
  data() {
    return {
      isNeedRequestData: true
    }
  },
  methods: {
    handleVisibleChange(visible) {
      if (visible) {
        if (this.isNeedRequestData) {
          this.isNeedRequestData = false
          // 发起请求并更新数据
        }
      } else {
        this.isNeedRequestData = true
      }
    }
  }
}
</script>