mitt.on(changeListenerName, (data: any) => { const { selectedItems } = data if (selectedItems) { listData.value.push(selectedItems) } mitt.off(changeListenerName) }) vue3+ts 以上代码视图没有更新

在Vue 3中，如果在事件处理程序中更改了响应式数据，但视图没有刷新，可能是因为Vue无法检测到数据的变化。你可以尝试以下几种解决方案：

1. 使用`reactive`函数声明`listData`：确保你使用的是`reactive`函数而不是`ref`函数来声明`listData`。`reactive`函数可以将数据转换为响应式对象。

import { reactive } from 'vue'

// ...

const listData = reactive([])

2. 使用Vue提供的强制更新方法：在事件处理程序中，使用`$nextTick`方法或者直接调用组件实例的`$forceUpdate`方法来强制刷新组件的视图。

import { nextTick } from 'vue'

// ...

mitt.on(changeListenerName, (data: any) => {
  const { selectedItems } = data

  if (selectedItems) {
    listData.push(selectedItems)
  }

  mitt.off(changeListenerName)

  nextTick(() => {
    // 视图已经刷新
  })
})

3. 使用`watch`监听变化：在组件的`setup`函数中使用`watch`函数来监听`selectedItems`的变化，并手动更新`listData`。

import { watch } from 'vue'

// ...

watch(() => data.selectedItems, (newValue) => {
  if (newValue) {
    listData.push(newValue)
  }
})

这些解决方案中的任何一个都可能解决你遇到的问题。根据具体情况选择合适的方法来解决视图不刷新的问题。