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 相关文章推荐
js 绑定带参数的事件以及手动触发事件
Apr 27 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
Jul 04 Javascript
用jquery修复在iframe下的页面锚点失效问题
Aug 22 Javascript
非jQuery实现照片散落桌子上,单击放大的LightBox效果
Nov 28 Javascript
node.js中的favicon.ico请求问题处理
Dec 15 Javascript
js实现新浪微博首页效果
Oct 16 Javascript
详解JavaScript基于面向对象之继承
Dec 13 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 Javascript
JavaScript中使用参数个数实现重载功能
Sep 01 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
Jul 10 Javascript
postman自定义函数实现 时间函数的思路详解
Apr 17 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 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
解决GD中文乱码问题
2007/02/14 PHP
PHP 命名空间实例说明
2011/01/27 PHP
神盾加密解密教程(二)PHP 神盾解密
2014/06/08 PHP
php微信公众号开发之二级菜单
2018/10/20 PHP
php策略模式简单示例分析【区别于工厂模式】
2019/09/25 PHP
javascript显示用户停留时间的简单实例
2013/08/05 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
2014/04/15 Javascript
jQery使网页在显示器上居中显示适用于任何分辨率
2014/06/09 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
在Node.js中使用Javascript Generators详解
2016/05/05 Javascript
Javascript实现登录记住用户名和密码功能
2017/03/22 Javascript
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
Linux Centos7.2下安装nodejs&amp;npm配置全局路径的教程
2018/05/15 NodeJs
JavaScript面向对象程序设计中对象的定义和继承详解
2019/07/29 Javascript
前后端常见的几种鉴权方式(小结)
2019/08/04 Javascript
6种JavaScript继承方式及优缺点(小结)
2020/02/06 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
2020/03/07 Javascript
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
Python中最常用的操作列表的几种方法归纳
2015/04/24 Python
Python中列表的一些基本操作知识汇总
2015/05/20 Python
举例讲解如何在Python编程中进行迭代和遍历
2016/01/19 Python
一张图带我们入门Python基础教程
2017/02/05 Python
python中ASCII码和字符的转换方法
2018/07/09 Python
Python+OpenCV感兴趣区域ROI提取方法
2019/01/10 Python
Django web框架使用url path name详解
2019/04/29 Python
Python使用scrapy爬取阳光热线问政平台过程解析
2019/08/14 Python
浅析使用Python搭建http服务器
2019/10/27 Python
python实现对变位词的判断方法
2020/04/05 Python
PyTorch的torch.cat用法
2020/06/28 Python
法学专业应届生求职信
2013/10/16 职场文书
诚信的演讲稿范文
2014/05/12 职场文书
校车安全责任书
2014/08/25 职场文书
个人租房协议书
2014/11/28 职场文书
2015年电话客服工作总结
2015/05/18 职场文书