表格导出
常用的表格导出功能,如果开启此功能需要在项目中加入依赖包,建议采用cdn的形式
<!-- 导入需要的包 -->
<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>
普通用法
excelBtn
设置为true
即可开启导出功能,如果配置了selection
属性,则需要勾选导出的数据,否则为全部,如果配置了title
属性,则为导出文件的名称
<avue-crud :option="option" :data="data"></avue-crud>
<script>
export default {
data(){
return {
data:[{
text1:'内容1-1',
text2:'内容1-2'
},{
text1:'内容2-1',
text2:'内容2-2'
}],
option:{
title:'表格的标题',
excelBtn:true,
addBtn:false,
menu:false,
align:'center',
column: [{
label: '列内容1',
prop: 'text1',
}, {
label: '列内容2',
prop: 'text2',
}]
}
}
}
}
</script>