前端必会的Vue项目请求方法模块化封装操作案例说明——getData()方法封装实例,不再重复调用,优化页面代码冗余
发布时间
阅读量：
阅读量
前言
对于基于Vue开发的管理系统而言，很多开发者都会将其作为核心功能来实现。在网页操作时执行getData()方法的请求是一种常见的做法。
完成后，在适当的位置调用this.getData()。本文将指导我们如何封装getData方法，并使界面更加整洁美观地展示数据信息；同时实现项目的方法模块化处理以提高代码效率
新建单独的页面
新建一个table.js页面，在里面完成方法的封装
// 获取表格数据
export function getData(root, url, params) {
root.service.get(url, { params: params || {} })
.then(res => {
if(res.data.status === 200) {
root.tableData = res.data.data
}
})
.catch(err => {
throw err
})
}
``全部评论 (0)
还没有任何评论哟~