Vue.js Vue导出Excel方法获取
我使用软件包vue excel export（），并将使用propfetch，以使用api和下载数据并创建excel，但从未下载excel，没有标记错误或其他内容。另外，用于生成excel保留表单的按钮，用于vuetifyjs 代码Vue.js Vue导出Excel方法获取,vue.js,Vue.js,我使用软件包vue excel export（），并将使用propfetch，以使用api和下载数据并创建excel，但从未下载excel，没有标记错误或其他内容。另外，用于生成excel保留表单的按钮，用于vuetifyjs 代码 <v-form ref="report_excel"> ... some inputs by vuetifyjs ... <export-excel :fields="headersReport" ty
<v-form ref="report_excel">
...
some inputs by vuetifyjs
...
<export-excel
:fields="headersReport"
type="xls"
name="nameReport"
:fetch="generateReports"
:before-generate="openLoader"
:before-finish="closeLoader">
<b-button pill variant="success">
<span style="font-family:sans-serif; font-size:17px;">Generate Report!</span>
</b-button>
</export-excel>
</v-form>
....
data
....
headersReport: {
'Complete name': 'name',
'ID': 'id',
}
....
methods
....
openLoader(){
alert('show loading');
},
closeLoader(){
alert('hide loading');
}
async generateReports(){
// IF for check the rules all inputs or someones is true, example: inputs required.
if (this.$refs.report_excel.validate()) {
// API for test
const response = await axios.get('https://pokeapi.co/api/v2/pokemon/ditto');
console.log(response.data);
return response.data;
}
}
...
vuetifyjs的一些输入
...
生成报告！
....
数据
....
校长报告：{
'全名'：'全名'，
“ID”：“ID”，
}
....
方法
....
openLoader（）{
警报（“显示加载”）；
},
closeLoader（）{
警报（“隐藏加载”）；
}
异步generateReports（）{
//如果检查规则“所有输入”或“某些输入”是否为真，例如：需要输入。
如果（此.$refs.report\u excel.validate（））{
//测试用API
const response=等待axios.get（'https://pokeapi.co/api/v2/pokemon/ditto');
console.log（response.data）；
返回响应数据；
}
}