vue的el-dialog弹窗放大缩小

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>