vue2中点击详情怎么忘弹窗传值

可以使用Vue.js的组件通信来实现将弹窗中的数据传递给父组件。具体步骤如下：

1. 在弹窗组件中定义一个数据对象，用于接收传递过来的数据。

<template>
  <div>
    <!-- 弹窗内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      detailData: {} // 接收传递过来的数据
    }
  }
}
</script>

2. 在父组件中引入弹窗组件，并在点击详情时使用 $refs 获取到弹窗组件实例。

<template>
  <div>
    <!-- 列表内容 -->
    <button @click="showDetail">查看详情</button>
    <pop-up ref="popUp"></pop-up>
  </div>
</template>

<script>
import PopUp from './PopUp.vue'

export default {
  components: {
    PopUp
  },
  methods: {
    showDetail() {
      // 获取弹窗组件实例
      const popUp = this.$refs.popUp
      // 在弹窗中设置数据
      popUp.detailData = { /* 传递的数据 */ }
      // 显示弹窗
      popUp.show()
    }
  }
}
</script>

3. 在弹窗组件中定义一个方法用于显示弹窗，并在弹窗关闭时将数据对象清空。

<template>
  <div v-show="visible">
    <!-- 弹窗内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      visible: false, // 控制弹窗显示隐藏
      detailData: {} // 接收传递过来的数据
    }
  },
  methods: {
    show() {
      this.visible = true
    },
    hide() {
      this.visible = false
      this.detailData = {} // 清空数据
    }
  }
}
</script>

这样就可以通过弹窗组件的数据对象来传递数据了。在弹窗组件中可以使用 props 接收传递过来的数据，也可以直接在弹窗内容中使用 detailData 来获取数据。