js vue实现导入数据和下载数据

导入:

通过input 的文件上传在change事件中 拿到上传的文件,然后通过FileReader对象去读取文件,在onload生命周期,也就是读取成功后,去拿读取后的数据就行了,我这里实现的是后台管理系统的菜单导入导出功能

导出:

我这里是实现菜单的json文件下载,用于上面的菜单导入功能。主要就是利用a标签的下载功能,通过URl对象将接口请求到的数据创建一个url地址,用a标签的herf指向这个地址,就能实现下载接口请求到的数据了;

注意:vue中操作dom需要在nexttick中进行


如果需要实现导出表格数据的话,可以使用Export2Excel;

你可能感兴趣的:(js vue实现导入数据和下载数据)