vue開發(fā)中遇到的問題總結
更新時間：2020年04月07日 08:36:08 作者：飛弦
在本篇文章里小編給大家分享的是關于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中的ref和$refs的使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-11-11
這篇文章主要給大家介紹了關于在Vue項目中使用mock.js的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-01-01
這篇文章主要介紹了vue中touch和click共存的解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了關于vant的日歷組件,在iPhonex上可選日期空白，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要為大家詳細介紹了vue實現(xiàn)多欄布局拖拽，改變盒子的寬度，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了Vue中的路由跳轉及傳參的多種方法小結,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-11-11
這篇文章主要介紹了Vant picker選擇器設置默認值導致選擇器失效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
前端vue面試總問watch和computed區(qū)別及建議總結
在現(xiàn)代前端的面試中,vue和react是面試過程中基本必問的技術棧,其中Vue響應式話題,watch和computed是面試官非常喜歡聊的主題,雖然watch和computed它們都用于監(jiān)聽數(shù)據(jù)的變化,但它們在實現(xiàn)原理、使用場景和行為上有著顯著的區(qū)別,本文將深入探討,并提供一些面試過程中的建議2023-10-10
這篇文章主要介紹了vue-router之解決addRoutes使用遇到的坑，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
最近一直在做的項目是Vue2搭建的項目，本文主要介紹了Vue全局自定義指令Modal拖拽的實踐，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09