代码拉取完成,页面将自动刷新
同步操作将从 smallwei/avue-doc 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
:::tip 2.0.3+ ::::
<!-- 导入需要的包 (一定要放到index.html中的head标签里)-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.14.1/xlsx.full.min.js"></script>
:::demo
<div style="width:400px">
<el-button type="primary" @click="handleExcel">下载 excel</el-button>
<el-button type="success" @click="handleExcel1">下载 复杂表头excel</el-button>
</div>
<script>
export default {
data(){
return {}
},
methods: {
handleExcel() {
let opt = {
title: '文档标题',
column: [{
label: '标题',
prop: 'title'
}],
data: [{
title: "测试数据1"
}, {
title: "测试数据2"
}]
}
this.$Export.excel({
title: opt.title || new Date().getTime(),
columns: opt.column,
data: opt.data
});
},
handleExcel1() {
let opt = {
title: '文档标题',
column: [{
label:'复杂表头',
prop:'header',
children:[
{
label: '标题1',
prop: 'title1'
},{
label: '标题2',
prop: 'title2'
}
]
}],
data: [{
title1: "测试数据1",
title2: "测试数据2"
}, {
title1: "测试数据2",
title2: "测试数据2"
}]
}
this.$Export.excel({
title: opt.title || new Date().getTime(),
columns: opt.column,
data: opt.data
});
}
}
}
</script>
:::
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
title | 水印的文字 | String | - | new Date().getTime() |
column | 数据列 | Array | - | - |
data | 数据 | Array | - | - |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。