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 相关文章推荐
filemanage功能中用到的lib.js
Apr 08 Javascript
JS实现很实用的对联广告代码(可自适应高度)
Sep 18 Javascript
JS表格组件神器bootstrap table详解(强化版)
May 26 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
Aug 01 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
浅谈vue项目重构技术要点和总结
Jan 23 Javascript
用npm-run实现自动化任务的方法示例
Jan 14 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
一文了解vue-router之hash模式和history模式
May 31 Javascript
Vue事件修饰符native、self示例详解
Jul 09 Javascript
JS如何实现手机端输入验证码效果
May 13 Javascript
jQuery 实现扁平式小清新导航
Jul 07 jQuery
手把手教您实现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 处理上百万条的数据库如何提高处理查询速度
2010/02/08 PHP
php数组去重的函数代码
2013/02/03 PHP
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
mongo Table类文件 获取MongoCursor(游标)的实现方法分析
2013/07/01 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
解决Laravel 不能创建 migration 的问题
2019/10/09 PHP
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
jQuery控制TR显示隐藏的几种方法
2014/06/18 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
jQuery实现每隔几条元素增加1条线的方法
2016/06/27 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
2016/07/18 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
package.json文件配置详解
2017/06/15 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
2018/08/19 Javascript
编写v-for循环的技巧汇总
2020/12/01 Javascript
[02:17]《辉夜杯》TRG战队巡礼
2015/10/26 DOTA
Windows 64位下python3安装nltk模块
2018/09/19 Python
python图形工具turtle绘制国际象棋棋盘
2019/05/23 Python
Python基于pygame实现单机版五子棋对战
2019/12/26 Python
python模拟点击网页按钮实现方法
2020/02/25 Python
Python爬虫之Selenium实现关闭浏览器
2020/12/04 Python
阿里健康官方海外旗舰店:阿里健康国际自营
2017/11/24 全球购物
Kathmandu新西兰官网:新西兰户外运动品牌
2019/07/27 全球购物
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
String s = new String(“xyz”);创建了几个String Object?
2015/08/05 面试题
2014年国庆晚会主持词
2014/09/19 职场文书
政风行风整改报告
2014/11/06 职场文书
毕业感言怎么写
2015/07/31 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
Nginx tp3.2.3 404问题解决方案
2021/03/31 Servers
为什么mysql字段要使用NOT NULL
2021/05/13 MySQL
如何利用golang运用mysql数据库
2022/03/13 Golang
Python学习之迭代器详解
2022/04/01 Python
windows系统搭建WEB服务器详细教程
2022/08/05 Servers