Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
圆滚滚核心
vue-element-admin
提交
9ba1ea69
V
vue-element-admin
项目概览
圆滚滚核心
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
9ba1ea69
编写于
6月 01, 2018
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
perf[el-dragDialog]: add dragDialog callback function
上级
320e941d
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
22 addition
and
2 deletion
+22
-2
src/directive/el-dragDialog/drag.js
src/directive/el-dragDialog/drag.js
+4
-1
src/views/components-demo/dragDialog.vue
src/views/components-demo/dragDialog.vue
+18
-1
未找到文件。
src/directive/el-dragDialog/drag.js
浏览文件 @
9ba1ea69
export
default
{
bind
(
el
,
binding
)
{
bind
(
el
,
binding
,
vnode
)
{
const
dialogHeaderEl
=
el
.
querySelector
(
'
.el-dialog__header
'
)
const
dragDom
=
el
.
querySelector
(
'
.el-dialog
'
)
dialogHeaderEl
.
style
.
cssText
+=
'
;cursor:move;
'
...
...
@@ -63,6 +63,9 @@ export default{
// 移动当前元素
dragDom
.
style
.
cssText
+=
`;left:
${
left
+
styL
}
px;top:
${
top
+
styT
}
px;`
// emit onDrag event
vnode
.
child
.
$emit
(
'
dragDialog
'
)
}
document
.
onmouseup
=
function
(
e
)
{
...
...
src/views/components-demo/dragDialog.vue
浏览文件 @
9ba1ea69
<
template
>
<div
class=
"components-container"
>
<el-button
type=
"primary"
@
click=
"dialogTableVisible = true"
>
open a Drag Dialog
</el-button>
<el-dialog
v-el-drag-dialog
title=
"Shipping address"
:visible.sync=
"dialogTableVisible"
>
<el-dialog
v-el-drag-dialog
@
dragDialog=
"handleDrag"
title=
"Shipping address"
:visible.sync=
"dialogTableVisible"
>
<el-select
ref=
"select"
v-model=
"value"
placeholder=
"请选择"
>
<el-option
v-for=
"item in options"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
>
</el-option>
</el-select>
<el-table
:data=
"gridData"
>
<el-table-column
property=
"date"
label=
"Date"
width=
"150"
></el-table-column>
<el-table-column
property=
"name"
label=
"Name"
width=
"200"
></el-table-column>
...
...
@@ -20,6 +24,13 @@ export default {
data
()
{
return
{
dialogTableVisible
:
false
,
options
:
[
{
value
:
'
选项1
'
,
label
:
'
黄金糕
'
},
{
value
:
'
选项2
'
,
label
:
'
双皮奶
'
},
{
value
:
'
选项3
'
,
label
:
'
蚵仔煎
'
},
{
value
:
'
选项4
'
,
label
:
'
龙须面
'
}
],
value
:
''
,
gridData
:
[{
date
:
'
2016-05-02
'
,
name
:
'
John Smith
'
,
...
...
@@ -38,6 +49,12 @@ export default {
address
:
'
No.1518, Jinshajiang Road, Putuo District
'
}]
}
},
methods
:
{
// v-el-drag-dialog onDrag callback function
handleDrag
()
{
this
.
$refs
.
select
.
blur
()
}
}
}
</
script
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录