想要在vue2中把Covinfo.vue中的mzlist同级传到Number.vue中。不报错但是传不进来。

Question

想要在vue2中把Covinfo.vue中的mzlist同级传到Number.vue中。不报错但是传不进来。

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

问题分析

你想要在 Vue 2 中从 Covinfo.vue 中的 mzlist 同级传递数据到 Number.vue 中，但是传递的数据没有被接收。

解决方案

1. 检查数据传递方式: 确保你是在使用正确的数据传递方式，例如 $emit 或 $parent。
2. 检查接收端: 确保 Number.vue 中有正确的接收端，例如 $on 或 props。
3. 检查数据类型: 确保传递的数据类型与接收端的类型匹配。

核心代码

假设你在 Covinfo.vue 中使用 $emit 传递数据：

// Covinfo.vue
this.$emit('mzlist', this.mzlist)

在 Number.vue 中使用 $on 接收数据：

// Number.vue
this.$on('mzlist', (data) => {
  console.log(data) // data 是传递过来的 mzlist 数据
})

或者，如果你使用 props 接收数据：

// Number.vue
props: {
  mzlist: Array
}

在 Covinfo.vue 中传递数据：

// Covinfo.vue
<Number :mzlist="mzlist" />

注意

• 确保 Covinfo.vue 和 Number.vue 都是同级的组件。
• 确保 mzlist 数据是正确的数组类型。
• 如果你使用 $emit 传递数据，确保 Number.vue 中有正确的接收端。