首页 > 其他分享 >avue-data使用记录

avue-data使用记录

时间:2022-11-21 14:00:18浏览次数:53  
标签:文件 vue 记录 接口 html 数据处理 data avue

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都是上述接口中返回的字段,需根据实际情况填写。。。其它相关配置根据文档说明调试

编辑列

接口返回数据说明
目前在鼓捣选项卡点击事件,卡两天了,有新进展再继续。。。

标签:文件,vue,记录,接口,html,数据处理,data,avue
From: https://www.cnblogs.com/Sultan-ST/p/16911217.html

相关文章