vue的el-dialog弹窗放大缩小
3.在el-dialog弹窗里放一个图标,点击缩放图标进行放大缩小的切换。用el-dialog属性fullscreen实现弹窗的放大缩小。2.el-dialog标签上加上fullscreen属性。1.模板部分(template)2.js部分(script)
·
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>
更多推荐
已为社区贡献1条内容
所有评论(0)