“el-dialog模态弹窗的大小”和距离浏览器顶部的位置

学习记录~

目的：elementUI设置“模态弹窗el-dialog的大小”和距离浏览器顶部的位置

直接在<el-dialog>里加宽度和距离顶部的距离。【 width="1100px" top="10px"】

为了方便copy代码，注释掉了部分关联模块的代码，供参考~

功能：点击【查看】按钮时，显示出模态弹窗

<template>
 <div>
   <el-button type="text" @click="handleClick()">查看</el-button>
   <el-dialog v-if="dialogVisible" :visible.sync="dialogVisible" width="1100px" top="10px">
      <!-- <flow-detail-configs :id="flowconfigId" /> -->
   </el-dialog>
</div>
</template>

<script>
// import FlowDetailConfigs from '@/views/flow/index'
export default {
  // components: {
  //   FlowDetailConfigs
  // },
  data() {
    return {
      dialogVisible: false //,
      // flowconfigId: ''
    }
  },
  methods: {
    handleClick() {
      // 新增跳转接口详情页功能
      // this.flowconfigId = row.id
      this.dialogVisible = true
    }
  } 
}
</script>