avue-data使用记录
1、大屏需要在bladeX框架里使用,是vue项目,avue-data生成的是html,愣转成vue代码没有成功
解决:转为跳转至html文件中,文件存放在public文件夹下
.vue文件中直接跳转
文件存放路径
2、index.umd.min.js文件使用报错,require('ELEMENT')
导出的index.html
解决:更换组件库至本地文件,已有的全部换成本地的
更换文件
3、生成的表格,顶部有文字
解决:修改样式
.avue-echart-table el-dialog {
display: none;
}
4、动态数据配置
选择编辑api接口
编辑接口传参
添加自己的接口,选择请求方式后,如需传参则进入编辑参数,右侧有对应说明,如传参可直接编写
传参
5、header
在请求网络数据时,需要在header中添加用户鉴权信息,添加网络请求拦截
网络请求拦截
GetQueryString方法是导出时自带的,头部校验信息中,Blade-Auth可以直接从存储数据中获取。
其中Authorization不会整,但是不传的话,测试中也可以获取到数据,暂且不管,也管不了
6、返回数据处理
数据处理
接口请求到的参数,需要在数据处理里边处理返回一下,可以打印一下看看数据内容,根据实际情况处理
数据处理
7、表格数据展示
在表格列中编辑,dictKey与dictValue都是上述接口中返回的字段,需根据实际情况填写。。。其它相关配置根据文档说明调试
编辑列
接口返回数据说明
目前在鼓捣选项卡点击事件,卡两天了,有新进展再继续。。。