Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
weixin_54851307
vue-vben-admin
提交
db3092db
V
vue-vben-admin
项目概览
weixin_54851307
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
1
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 搜索 >>
提交
db3092db
编写于
11月 13, 2020
作者:
V
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: add file download demo
上级
1d45617e
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
54 addition
and
0 deletion
+54
-0
CHANGELOG.zh_CN.md
CHANGELOG.zh_CN.md
+1
-0
src/components/registerGlobComp.ts
src/components/registerGlobComp.ts
+2
-0
src/router/menus/modules/demo/feat.ts
src/router/menus/modules/demo/feat.ts
+10
-0
src/router/routes/modules/demo/feat.ts
src/router/routes/modules/demo/feat.ts
+8
-0
src/utils/file/FileDownload.ts
src/utils/file/FileDownload.ts
+1
-0
src/views/demo/feat/download/index.vue
src/views/demo/feat/download/index.vue
+32
-0
未找到文件。
CHANGELOG.zh_CN.md
浏览文件 @
db3092db
...
...
@@ -12,6 +12,7 @@
-
菜单新增 tag 显示,支持 4 中类型颜色及 dot 圆点显示
-
新增菜单及顶栏颜色选择配色
-
增加示例结果页
-
新增文件下载示例
### ⚡ Wip
...
...
src/components/registerGlobComp.ts
浏览文件 @
db3092db
...
...
@@ -6,6 +6,7 @@ import {
// Optional
Select
,
Alert
,
Checkbox
,
DatePicker
,
Radio
,
...
...
@@ -48,6 +49,7 @@ export function registerGlobComp() {
// If you don’t need it, you can delete it
getApp
()
.
use
(
Select
)
.
use
(
Alert
)
.
use
(
Checkbox
)
.
use
(
DatePicker
)
.
use
(
Radio
)
...
...
src/router/menus/modules/demo/feat.ts
浏览文件 @
db3092db
...
...
@@ -4,6 +4,9 @@ const menu: MenuModule = {
menu
:
{
name
:
'
功能
'
,
path
:
'
/feat
'
,
tag
:
{
dot
:
true
,
},
children
:
[
{
path
:
'
icon
'
,
...
...
@@ -17,6 +20,13 @@ const menu: MenuModule = {
path
:
'
context-menu
'
,
name
:
'
右键菜单
'
,
},
{
path
:
'
download
'
,
name
:
'
文件下载
'
,
tag
:
{
content
:
'
new
'
,
},
},
{
path
:
'
click-out-side
'
,
name
:
'
ClickOutSide
'
,
...
...
src/router/routes/modules/demo/feat.ts
浏览文件 @
db3092db
...
...
@@ -40,6 +40,14 @@ const feat: AppRouteModule = {
title
:
'
右键菜单
'
,
},
},
{
path
:
'
/download
'
,
name
:
'
DownLoadDemo
'
,
component
:
()
=>
import
(
'
/@/views/demo/feat/download/index.vue
'
),
meta
:
{
title
:
'
文件下载
'
,
},
},
{
path
:
'
/click-out-side
'
,
name
:
'
ClickOutSideDemo
'
,
...
...
src/utils/file/FileDownload.ts
浏览文件 @
db3092db
...
...
@@ -25,6 +25,7 @@ export function downloadByData(data: BlobPart, filename: string, mime?: string,
window
.
URL
.
revokeObjectURL
(
blobURL
);
}
}
/**
* 根据文件地址下载文件
* @param {*} sUrl
...
...
src/views/demo/feat/download/index.vue
0 → 100644
浏览文件 @
db3092db
<
template
>
<div
class=
"m-5 demo-box"
>
<a-alert
message=
"根据后台接口文件流下载"
/>
<a-button
type=
"primary"
class=
"my-4"
@
click=
"handleDownByData"
>
文件流下载
</a-button>
<a-alert
message=
"根据文件地址下载文件"
/>
<a-button
type=
"primary"
class=
"my-4"
@
click=
"handleDownloadByUrl"
>
文件地址下载
</a-button>
</div>
</
template
>
<
script
lang=
"ts"
>
import
{
defineComponent
}
from
'
vue
'
;
import
{
downloadByUrl
,
downloadByData
}
from
'
/@/utils/file/FileDownload
'
;
export
default
defineComponent
({
setup
()
{
function
handleDownByData
()
{
downloadByData
(
'
text content
'
,
'
testName.txt
'
);
}
function
handleDownloadByUrl
()
{
downloadByUrl
({
url
:
'
https://codeload.github.com/anncwb/vue-vben-admin-doc/zip/master
'
,
target
:
'
_self
'
,
});
}
return
{
handleDownloadByUrl
,
handleDownByData
,
};
},
});
</
script
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录