vue element dialog 在open的时候调接口

场景： 打开一个dialog，dialog里面是一个表格，表格的数据是调接口来的，当时想的是在dialog组件mounted的时候调接口，但是整个页面渲染就会触发，并且只会触发一次，但是那时候接口的参数还未知，所以选择在dialog打开的时候调接口，使用 @open 满足要求

代码：

<el-dialog
      title="选择可用商家"
      :visible.sync="dialogVisible"
      @close='closeDialog'
      width='70%'
      @open='open'
></el-dialog>

// 当弹窗打开时调校验地址接口
    open() {
      axios.get('/admin/getLocation', {
        params: {
          cityId: this.cityId,
          address: this.address
        }
      }).then((res) => {
        this.tableData = res.data.data
      }).catch((err) => {
        console.log(err)
      })
    }

ok~