网站首页 网站建设 IT知识 IT知识教程 vue开发中遇到的问题总结

vue开发中遇到的问题总结

2021-05-26 21:10:43

//工作中遇到的:

(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 --> methodschangeFlag(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开发中遇到的问题内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。 如涉及版权问题,请提交至online#300.cn邮箱联系删除。

以上产品还未完全满足我的所有需求,在下方提交我的专属需求
我的专属需求:
*手机号:
*验证码:
img
咨询报价
现在咨询
img

在线咨询

建站在线咨询

img

微信咨询

扫一扫添加
动力姐姐微信

img
img

TOP