首页 >> js开发 >> jsvue开发中遇到的问题总结js大全
jsvue开发中遇到的问题总结js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
//工作中遇到的:
(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"
(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()传递参数至父组件中,然后在绑定在子组件中的父组件方法里更改父组件属性
例:
//父组件
//export default --> methods
changeFlag(val){
this.isShow = val;
}
//子组件
this.$emit('on-change-flag', val)
//父组件
//export default --> methods
changeFlag(val){
this.isShow = val;
}
//子组件
this.$emit('on-change-flag', val)//学习中遇到的:(1)echarts中map地图全屏展示出现图型大小不变的问题原因:echarts设置的是这样,但是当全屏的时候,是滞后的,导致全屏之后的容器大小还是之前的大小,需要重置大小echarts设置的是这样,但是当全屏的时候,是滞后的,导致全屏之后的容器大小还是之前的大小,需要重置大小解决办法:
只需要在echarts后面加一段代码就可以解决了,使echarts充满容器
myChart2.setOption({...});
//页面改变时更新echarts容器使其自适应
setTimeout(function (){
window.onresize = function () {
myChart2.resize();
}
},200)
或者添加这个
myChart2.setOption({...});
window.addEventListener("resize",function(){
myChart2.resize();
})
只需要在echarts后面加一段代码就可以解决了,使echarts充满容器
myChart2.setOption({...});
//页面改变时更新echarts容器使其自适应
setTimeout(function (){
window.onresize = function () {
myChart2.resize();
}
},200)
或者添加这个
myChart2.setOption({...});
window.addEventListener("resize",function(){
myChart2.resize();
})
(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"
(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()传递参数至父组件中,然后在绑定在子组件中的父组件方法里更改父组件属性
例:
//父组件
//export default --> methods
changeFlag(val){
this.isShow = val;
}
//子组件
this.$emit('on-change-flag', val)
//父组件
//export default --> methods
changeFlag(val){
this.isShow = val;
}
//子组件
this.$emit('on-change-flag', val)//学习中遇到的:(1)echarts中map地图全屏展示出现图型大小不变的问题原因:echarts设置的是这样,但是当全屏的时候,是滞后的,导致全屏之后的容器大小还是之前的大小,需要重置大小echarts设置的是这样,但是当全屏的时候,是滞后的,导致全屏之后的容器大小还是之前的大小,需要重置大小解决办法:
只需要在echarts后面加一段代码就可以解决了,使echarts充满容器
myChart2.setOption({...});
//页面改变时更新echarts容器使其自适应
setTimeout(function (){
window.onresize = function () {
myChart2.resize();
}
},200)
或者添加这个
myChart2.setOption({...});
window.addEventListener("resize",function(){
myChart2.resize();
})
只需要在echarts后面加一段代码就可以解决了,使echarts充满容器
myChart2.setOption({...});
//页面改变时更新echarts容器使其自适应
setTimeout(function (){
window.onresize = function () {
myChart2.resize();
}
},200)
或者添加这个
myChart2.setOption({...});
window.addEventListener("resize",function(){
myChart2.resize();
})
相关文章:
- jsvue通过过滤器实现数据格式化js大全
- js一文读懂vue动态属性数据绑定(v-bind指令)js大全
- jsVue清除定时器setInterval优化方案分享js大全
- js解决elementUI 切换tab后 el_table 固定列下方多了一条线问题js大全
- js如何实现echarts markline标签名显示自己想要的js大全
- js详细分析vue表单数据的绑定js大全
- js代码基于VSCode调试网页JavaScript代码过程详解
- jsecharts 使用formatter 修改鼠标悬浮事件信息操作js大全
- jsVue切换组件实现返回后不重置数据,保留历史设置操作js大全
- jsvue-router之解决addRoutes使用遇到的坑js大全