当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue开发中遇到的问题总结

vue开发中遇到的问题总结

2020年05月10日  | 移动技术网IT编程  | 我要评论

任玥个人资料,什么也不说伴奏,maya4.0

//工作中遇到的：

（1）avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. instead, use a data or computed property based on the prop's value. prop being mutated: "flag"

原因：子组件直接更改父组件中的属性

解决办法：无法直接更改可以用$emit()传递参数至父组件中，然后在绑定在子组件中的父组件方法里更改父组件属性
例：

//父组件
<map-china :flag="isshow" @on-change-flag="changeflag"/>
//export default --> methods
changeflag(val){
this.isshow = val;
}
//子组件
this.$emit('on-change-flag', val)

//学习中遇到的：

（1）echarts中map地图全屏展示出现图型大小不变的问题

原因：echarts设置的是这样，但是当全屏的时候，是滞后的，导致全屏之后的容器大小还是之前的大小，需要重置大小

解决办法：

只需要在echarts后面加一段代码就可以解决了，使echarts充满容器
mychart2.setoption({...});
    //页面改变时更新echarts容器使其自适应
 settimeout(function (){
     window.onresize = function () {
          mychart2.resize();
          }
        },200)
或者添加这个


mychart2.setoption({...});
 window.addeventlistener("resize",function(){       
    mychart2.resize();
   })

到此这篇关于vue开发中遇到的问题总结的文章就介绍到这了,更多相关vue开发中遇到的问题内容请搜索移动技术网以前的文章或继续浏览下面的相关文章希望大家以后多多支持移动技术网！

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网