vue开发中遇到的问题总结


Posted in Javascript onApril 07, 2020

//工作中遇到的:

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

Javascript 相关文章推荐
静态的动态续篇之来点XML
Aug 15 Javascript
js TextArea的选中区域处理
Dec 28 Javascript
Js+Flash实现访问剪切板操作
Nov 20 Javascript
JavaScript中String.match()方法的使用详解
Jun 06 Javascript
使用CamanJS在Web页面上处理图像的技巧
Aug 18 Javascript
jquery实现手风琴效果
Nov 20 Javascript
JS JSOP跨域请求实例详解
Jul 04 Javascript
jsTree使用记录实例
Dec 01 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
angular $watch 一个变量的变化(实例讲解)
Aug 02 Javascript
Vue组件选项props实例详解
Aug 18 Javascript
AngularJS修改model值时,显示内容不变的实例
Sep 13 Javascript
手把手教您实现react异步加载高阶组件
Apr 07 #Javascript
javascript绘制简单钟表效果
Apr 07 #Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 #Javascript
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 #jQuery
js实现登录时记住密码的方法分析
Apr 05 #Javascript
Vue插件之滑动验证码用法详解
Apr 05 #Javascript
解决node终端下运行js文件不支持ES6语法
Apr 04 #Javascript
You might like
图解上海144收音机
2021/03/02 无线电
深入理解curl类,可用于模拟get,post和curl下载
2013/06/08 PHP
PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
2015/10/09 PHP
thinkPHP中钩子的两种配置调用方法详解
2016/11/11 PHP
laravel框架模板之公共模板、继承、包含实现方法分析
2019/08/30 PHP
Jquery 实现Tab效果 思路是js思路
2010/03/02 Javascript
js实现一个省市区三级联动选择框代码分享
2013/03/06 Javascript
浅析JavaScript基本类型与引用类型
2014/05/28 Javascript
详解JavaScript中的forEach()方法的使用
2015/06/08 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
2015/11/17 Javascript
JS实现动态生成表格并提交表格数据向后端
2020/11/25 Javascript
AngularJS中过滤器的使用与自定义实例代码
2016/09/17 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
从零学习node.js之搭建http服务器(二)
2017/02/21 Javascript
纯jQuery实现前端分页功能
2017/03/23 jQuery
详解Vue-cli代理解决跨域问题
2017/09/27 Javascript
如何用input标签和jquery实现多图片的上传和回显功能
2018/05/16 jQuery
JQuery事件委托原理与用法实例分析
2019/05/13 jQuery
微信小程序getLocation 需要在app.json中声明permission字段
2020/03/03 Javascript
JavaScript实现简单计算器
2020/03/19 Javascript
[45:16]完美世界DOTA2联赛循环赛 IO vs FTD BO2第二场 11.05
2020/11/06 DOTA
[37:45]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第二场 12.09
2020/12/11 DOTA
Python THREADING模块中的JOIN()方法深入理解
2015/02/18 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
Python作用域与名字空间原理详解
2020/03/21 Python
Django用户登录与注册系统的实现示例
2020/06/03 Python
python初步实现word2vec操作
2020/06/09 Python
世界上最大的罕见唱片、CD和音乐纪念品网上商店:991.com
2018/05/03 全球购物
物流管理毕业生自荐信
2013/10/24 职场文书
光信息科学与技术专业职业生涯规划
2014/03/13 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
反四风个人对照检查材料
2014/09/26 职场文书
党的群众路线教育实践活动查摆问题及整改措施
2014/10/10 职场文书
你为什么是穷人?可能是这5个缺点造成
2019/07/11 职场文书
JavaScript原始值与包装对象的详细介绍
2021/05/11 Javascript