vue開發(fā)中遇到的問題總結
//工作中遇到的:
(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()傳遞參數(shù)至父組件中,然后在綁定在子組件中的父組件方法里更改父組件屬性
例:
//父組件 <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地圖全屏展示出現(xiàn)圖型大小不變的問題
原因:echarts設置的是這樣,但是當全屏的時候,是滯后的,導致全屏之后的容器大小還是之前的大小,需要重置大小
解決辦法:
只需要在echarts后面加一段代碼就可以解決了,使echarts充滿容器 myChart2.setOption({...}); //頁面改變時更新echarts容器使其自適應 setTimeout(function (){ window.onresize = function () { myChart2.resize(); } },200) 或者添加這個 myChart2.setOption({...}); window.addEventListener("resize",function(){ myChart2.resize(); })
到此這篇關于vue開發(fā)中遇到的問題總結的文章就介紹到這了,更多相關vue開發(fā)中遇到的問題內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
前端vue面試總問watch和computed區(qū)別及建議總結
在現(xiàn)代前端的面試中,vue和react是面試過程中基本必問的技術棧,其中Vue響應式話題,watch和computed是面試官非常喜歡聊的主題,雖然watch和computed它們都用于監(jiān)聽數(shù)據(jù)的變化,但它們在實現(xiàn)原理、使用場景和行為上有著顯著的區(qū)別,本文將深入探討,并提供一些面試過程中的建議2023-10-10