1.实现问题

用el-dialog属性fullscreen实现弹窗的放大缩小。

2.实现方法

2.1代码截图

1.模板部分(template)

 2.js部分(script)

 

 2.2代码

1.定义一个变量。如:

dialogScale: false

2.el-dialog标签上加上fullscreen属性。如:

:fullscreen="dialogScale"

3.在el-dialog弹窗里放一个图标,点击缩放图标进行放大缩小的切换。如:

<div @click="dialogScale ? (dialogScale = false) : (dialogScale = true)">

        <i class="el-icon-full-screen"></i>

  </div>

Logo

前往低代码交流专区

更多推荐