vue 引入页面列表数据并拿到筛选后的数据

// 这里直接打开弹窗就行，不需要做其他操作
<el-button size="small" type="primary" @click=" chooseStatus = true " >选择课程</el-button>

　　

//在弹窗内直接组件化页面
<el-dialog title="课程选择" :visible.sync="chooseStatus" width="70%" :close-on-click-modal="false" :show-close="false">
            
            <ChooseCourse  @chooseCourse="getChooseInfo"/>

        </el-dialog>

　　

//引入要组件化的列表页面
import ChooseCourse from "@/views/educational/curriculum/distanceSemester/chooseCourse.vue";

components :{
        ChooseCourse
    },

　　

 

data 设置默认值    

//选择课程
            chooseStatus : false,    

　　

//最后是方法，直接打印data 就行。 data.open 是链接你弹窗的属性的

// 选择课程
        getChooseInfo(data) {
            this.chooseStatus = data.open;
        },