Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
zuiqiangwanggong
vue-vben-admin
提交
49e72a8e
V
vue-vben-admin
项目概览
zuiqiangwanggong
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
49e72a8e
编写于
6月 30, 2021
作者:
无
无木
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(basic-upload): add preview-delete event
添加预览Modal中删除文件的事件 close: #835
上级
6f845b53
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
10 addition
and
3 deletion
+10
-3
src/components/Upload/src/BasicUpload.vue
src/components/Upload/src/BasicUpload.vue
+7
-1
src/components/Upload/src/UploadPreviewModal.vue
src/components/Upload/src/UploadPreviewModal.vue
+3
-2
未找到文件。
src/components/Upload/src/BasicUpload.vue
浏览文件 @
49e72a8e
...
...
@@ -32,6 +32,7 @@
:value=
"fileList"
@
register=
"registerPreviewModal"
@
list-change=
"handlePreviewChange"
@
delete=
"handlePreviewDelete"
/>
</div>
</template>
...
...
@@ -50,7 +51,7 @@
name
:
'
BasicUpload
'
,
components
:
{
UploadModal
,
UploadPreviewModal
,
Icon
,
Tooltip
},
props
:
uploadContainerProps
,
emits
:
[
'
change
'
,
'
delete
'
],
emits
:
[
'
change
'
,
'
delete
'
,
'
preview-delete
'
],
setup
(
props
,
{
emit
,
attrs
})
{
const
{
t
}
=
useI18n
();
...
...
@@ -97,6 +98,10 @@
emit
(
'
delete
'
,
record
);
}
function
handlePreviewDelete
(
url
:
string
)
{
emit
(
'
preview-delete
'
,
url
);
}
return
{
registerUploadModal
,
openUploadModal
,
...
...
@@ -108,6 +113,7 @@
showPreview
,
bindValue
,
handleDelete
,
handlePreviewDelete
,
t
,
};
},
...
...
src/components/Upload/src/UploadPreviewModal.vue
浏览文件 @
49e72a8e
...
...
@@ -24,7 +24,7 @@
export
default
defineComponent
({
components
:
{
BasicModal
,
FileList
},
props
:
previewProps
,
emits
:
[
'
list-change
'
,
'
register
'
],
emits
:
[
'
list-change
'
,
'
register
'
,
'
delete
'
],
setup
(
props
,
{
emit
})
{
const
[
register
,
{
closeModal
}]
=
useModalInner
();
const
{
t
}
=
useI18n
();
...
...
@@ -50,7 +50,8 @@
function
handleRemove
(
record
:
PreviewFileItem
)
{
const
index
=
fileListRef
.
value
.
findIndex
((
item
)
=>
item
.
url
===
record
.
url
);
if
(
index
!==
-
1
)
{
fileListRef
.
value
.
splice
(
index
,
1
);
const
removed
=
fileListRef
.
value
.
splice
(
index
,
1
);
emit
(
'
delete
'
,
removed
[
0
].
url
);
emit
(
'
list-change
'
,
fileListRef
.
value
.
map
((
item
)
=>
item
.
url
)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录