打开el-dialog时拉取数据

打开el-dialog时可以在它的"open"事件中调用后端API接口来拉取数据。具体步骤如下：

1. 在el-dialog组件中设置"visible"属性为false，这样它默认是不显示的。

2. 在"open"事件中调用后端API接口，将获取到的数据赋值给el-dialog中的数据属性。

3. 在"open"事件中将el-dialog的"visible"属性设置为true，这样就可以展示弹窗并显示拉取到的数据。

示例代码如下：

<template>
  <el-dialog :visible="visible" @open="handleOpen">
    <div v-for="item in data">{{item}}</div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
      data: []
    }
  },
  methods: {
    handleOpen() {
      // 调用后端API接口获取数据，假设返回的数据为response.data
      axios.get('/api/data').then(response => {
        this.data = response.data;
        this.visible = true;
      }).catch(error => {
        console.log(error);
      });
    }
  }
}
</script>