前端遇到困难,解决办法的地址或方法

1.解决传参数据量大的请求问题:

  pako.js对数据进行gzip压缩传递到后台解析

  https://blog.csdn.net/qq_22021191/article/details/80077139

2.vue中使用的图标库

  https://github.com/Justineo/vue-awesome/blob/HEAD/README.zh_CN.md

  https://fontawesome.com/icons?d=gallery

3.在同一个div上根据不同的状态绘制d3和echarts图时,第二次改变都echart状态图表会绘制不出来 

  原因:在第一次绘制echart图表的时候div上会多出一个类名:_echarts_instance_

  办法:将在切换图表的时候要将此类名手动去掉,     echartContain.find('.parts-chart').removeAttr("_echarts_instance_");

  添加此类名的原因:

    防止在单个div上重复绘制多个echarts图表

 4.element-ui中upload上传组件在访问后台时读取cookie

  with-credentials:属性设置为true在访问后台的时候接口就会带着浏览器中的cookie给后台(前提是浏览器的cookie中要有cookie)

 5.element-ui中使用table组件如果报以下错误

  

  原因: 定义表格数据的时候初始化的数据类型不对

  

  

  改成tableData:[]就可以了

 6.将axios改为同步请求后台(处理axios的异步问题)

   methods:{

    async functionName() {

      let respose = await this.axios.get('url'); // 此respose就是后台返回的结果

    }

   }

  async 表示函数里有异步操作,await 表示紧跟在后面的表达式需要等待结果。

  await 命令后面的 Promise 对象,运行结果可能是 rejected,所以最好把 await 命令放在 try...catch 代码块中

 7.vue组件中name的规范

  组件名称只能包含字母数字字符和连字符,并且必须以字母开头。

  否则会报:

 

 

 8.layui表格导出功能

  如果在table渲染时您采用了模板引擎对数据进行了二次渲染,对不起,layui提供的excel导出无法获取到您渲染后的数据

  

posted on 2019-05-22 17:24  小雨子1993  阅读(348)  评论(0)    收藏  举报

导航