首先,先建相应的 Vue 文件,然后在路由配置中配置路由,具体配置方法可以参考已经配
置好的路由
然后就是编写界面了,一般来说都会先在 template 标签下新建一个 div,在 div 里面写相应
的 dom,所有的数据的展示都是 element 的数据表格,其中表格里面有个:data 属性,里
面写从后台拿到的 list 集合, <el-table-column prop="deviceName" label="传感器名称">
</el-table-column>这是一个完整的表格行,prop 写 list 集合里面对象的属性,lable 就是表
头。表格还有分页功能,
分页用的也是 element 的组件,请求接口的时候不要忘了把 page 和 pagesize 传过去。具体
分页方法可以参考一下已经写好的页面
最后就是配置接口,在 src/api 文件夹下,新建一个 js 文件,
前面两行的写法一样,后面就是一个一个的接口了,写法固定,function 后面是接口名,url
改 成 接 口 文 档 里 面 的 接 口 , 然 后 在 你 的 Vue 页 面 里 面 导 入 一 下 接 口 ,