vue开发中遇到的问题总结
更新时间：2020年04月07日 08:36:08 作者：飞弦
在本篇文章里小编给大家分享的是关于vue开发中遇到的问题总结，有兴趣的朋友们可以学习参考下。
//工作中遇到的：
（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开发中遇到的问题内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
vue3+element Plus使用el-tabs标签页解决页面刷新不回到默认页的问题
这篇文章主要介绍了vue3+element Plus使用el-tabs标签页页面刷新不回到默认页的操作方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-07-07
这篇文章主要介绍了解决vue路由发生了跳转但是界面没有任何反应问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
现在vue项目基本上都是使用axios进行请求操作,下面这篇文章主要给大家介绍了关于Vue与Axios的传参方式的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了使用vue-print-nb打印el-table问题总结,通过实例代码介绍了vue-print-nb 打印功能,本文结合实例代码讲解的非常详细,感兴趣的朋友一起看看吧2024-01-01
这篇文章主要介绍了vue3.x中apollo的使用,通过前端自身直接获取到apollo的配置目前看到官方支持的客户端是没有vue的，本文给大家介绍了前端获取到apollo数据的过程，需要的朋友可以参考下2023-02-02
本篇文章主要介绍了vue引入swiper插件的使用实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
vue中三种插槽(默认插槽/具名插槽/作用域插槽)的区别详解
默认插槽，具名插槽，作用域插槽是vue中常用的三个插槽，这篇文章主要为大家介绍了这三种插槽的使用与区别，感兴趣的小伙伴可以了解一下2023-08-08
本篇文章主要介绍了vue学习笔记之v-if和v-show的区别，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了Vue.js实现简单ToDoList的前期准备,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
在现代Web开发中,数据可视化是一个引人瞩目的热点领域,从简单的图表到复杂的交互式仪表盘,数据可视化能够帮助用户更好地理解数据,而Vue与D3.js的结合则为我们提供了构建这些可视化效果的强大工具,本文将向您展示如何利用Vue与D3.js创建一个基本的交互式数据可视化项目2025-02-02
最新评论