1.需要在工程目录中src =>api 建立一个index.js文件,里面主要是放接口的路径url
//api/index.js
export function getBudgetstatisticsList() {
return axios({
method: 'get',
url: '/mis/XXXXXX/XXXX.jsonlist'
})
}
这模块本身就是一个独立的一个文件,这个文件的内部的变量无法获取到, 如果说要让页面vue文件也可以访问到这个写了接口的js文件,需要利用的export的关键字来输出这个函数变量
2.利用elementui中的table来作为举例子,一般来说elementui中的table在表头有个data是作为显示的数据来用,然后绑定的js中的data方法
<script>
export default {
data() {
return {
tableData: [{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
},{
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}]
}
}
}
</script>
可以看到上面的data中的数据是模拟的,如果加入到后台给到的真实数据,需要利用第一段代码的index.js,导入进来getBudget