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 相关文章推荐
JQuery 操作select标签实现代码
May 14 Javascript
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
Sep 26 Javascript
Prototype源码浅析 String部分(一)之有关indexOf优化
Jan 15 Javascript
EasyUI 中 MenuButton 的使用方法
Jul 14 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
js中利用tagname和id获取元素的方法
Jan 03 Javascript
详解angularjs结合pagination插件实现分页功能
Feb 10 Javascript
详解在Vue中通过自定义指令获取dom元素
Mar 04 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
Jul 24 Javascript
javascript实现文字无缝滚动效果
Aug 26 Javascript
探索JavaScript中私有成员的相关知识
Jun 13 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 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
用PHP伪造referer突破网盘禁止外连的代码
2008/06/15 PHP
PHP文件上传主要代码讲解
2013/09/30 PHP
用PHP解决的一个栈的面试题
2014/07/02 PHP
PHP 5.6.11 访问SQL Server2008R2的几种情况详解
2016/08/08 PHP
php PDO异常处理详解
2016/11/20 PHP
PHP laravel中的多对多关系实例详解
2017/06/07 PHP
七种PHP开发环境搭建工具
2020/06/28 PHP
tagName的使用,留一笔
2006/06/26 Javascript
jquery如何把数组变为字符串传到服务端并处理
2014/04/30 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
每天一篇javascript学习小结(基础知识)
2015/11/10 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
2016/03/01 Javascript
JavaScript必看小技巧(必看)
2016/06/07 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
2016/06/30 Javascript
jQuery复制节点用法示例(clone方法)
2016/09/08 Javascript
利用jQuery对无序列表排序的简单方法
2016/10/16 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
2017/03/03 Javascript
vue框架制作购物车小球动画效果实例代码
2019/09/26 Javascript
JavaScript实现筛选数组
2021/03/02 Javascript
跟老齐学Python之网站的结构
2014/10/24 Python
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
python后端接收前端回传的文件方法
2019/01/02 Python
python SVM 线性分类模型的实现
2019/07/19 Python
Python pip 安装与使用(安装、更新、删除)
2019/10/06 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
2020/06/01 Python
HTML5+css3:3D旋转木马效果相册
2017/01/03 HTML / CSS
迟到检讨书大全
2014/01/25 职场文书
车队司机自我鉴定
2014/03/02 职场文书
人力资源总监工作说明
2014/03/03 职场文书
移风易俗倡议书
2014/04/15 职场文书
升职演讲稿范文
2014/05/23 职场文书
公司董事长助理工作职责
2014/07/12 职场文书
公司委托书范本5篇
2014/09/20 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
MySQL中连接查询和子查询的问题
2021/09/04 MySQL
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js