关于element-ui的diallog拖动的实现
2024-08-23 02:48:59
先给下载地址
https://files.cnblogs.com/files/maruihua/el-dragDialog.rar
需要注意的是如果给模态框加入拖动指令,一些定位样式会出问题,需谨慎
具体使用方法如下
在引用页面加入以下代码
import elDragDialog from '../../directive/el-dragDialog/index'
export default {
//自定义指令:拖动模态框
directives: { elDragDialog },
methods: {
handleDrag() {} //拖动模态框事件
}
}
在dialog中加入这两个属性
<el-dialog
v-el-drag-dialog
@dragDialog="handleDrag" >
</el-dialog>
就可以了,.有什么自定义的样式可以自己修改源码.
最新文章
- abap--How to debug backgroud job
- Binary Tree: Write a function to return count of nodes in binary tree which has only one child.
- Log打印日志遇到的问题
- VMware Workstation 10.0.0.1295980 CN
- SCOM资源池
- CentOS下Redis 2.2.14安装配置详解(转载)
- 每日陌生php函数
- Resizable(调整大小)组件
- Android菜鸟的成长笔记（13）——异步任务（Async Task）
- IOS开发笔记 - 基于SDWebImage的网络图片加载处理
- 蓝桥网试题 java 基础练习 杨辉三角形
- ecshop_标签大全
- Java中的Integer
- ffmpeg的使用说明
- mysql把查询结果集插入到表理
- ABP框架提示框
- SAP业务蓝图设计的一些想法
- 转：实现OC与JS的简易交互
- etl获取转换文件名
- java基础---->Zip压缩的使用