学习记录~
目的: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>