vue+iview+echarts开发问题解决汇总

1. echarts柱形图鼠标悬浮时的中线怎么去掉？

在 tooltip中添加 axisPointer: { type: 'none' }可以去除指示线
复制代码

2. created中改变props的值，组件watch监听不到是为什么？

created时模板没有挂载，在之后的创建过程中传入的为修改后的props值
复制代码

3. 数字类型的input明明有值，但是在form的非空校验中通不过怎么办？

验证规则中添加type:'number'，在非string类型下都要加对应的type
复制代码

4. 写js节流要使用闭包

不使用闭包变量会被回收导致清除setTimeout失败
复制代码

5. 用async await写请求一定要用trycatch，不然会捕获不到报错

6. js中window方法互相覆盖怎么办？

使用addEventListener()方法监听事件
复制代码

7. iview自动调整pageSize的page组件封装关键

(1)用window.addEventListener('resize')实现监听，不能直接用window.onresize,不然页面里多个子组件使用page时监听会被覆盖

(2)监听要加防抖以保证性能

(3)设定一个标准高度和标准pageSize，在这个基础上加减，注意要设定最小值。

(4)计算得出的pageSize要动态加入到page-size-opts中

(5)父组件的mounted调用在子组件的mounted之后，props的pageSize值会触发propPageSize的监听，覆盖掉计算出的pageSize,所以要用flag变量阻止第一次props传入pageSize的监听
复制代码

8. iview的poptip内使用下拉组件且添加transfer属性会发生冲突导致下拉框位置偏移怎么解决？

poptip添加transfer，内部组件不使用transfer。poptip外层容器添加overflow: visiable
复制代码

9. iview的poptip添加transfer属性后会出现随页面滚动而移动的bug。发现版本4.7.0-beat

10.怎么修改iview默认样式？

在组件上添加class，用deep修改样式

11. 怎么让iview的menu默认展开并且禁止点击收起，顺便去掉上下括号

在menu的on-open-change方法中用ref获取menu的$children，设置opend属性设置为true即可一直保持展开.

为menu设置className，比如menu，.menu >>> .ivu-menu-submenu-title-icon { display:none } 即可隐藏掉箭头
复制代码

12. vue项目的浏览器标签icon怎么删除

直接删掉favicon.ico文件，这个文件在根目录下，浏览器会自动读取这个文件，光删除index.html文件中代码不起作用
复制代码