vue開發(fā)中遇到的問題總結(jié)
更新時間：2020年04月07日 08:36:08 作者：飛弦
在本篇文章里小編給大家分享的是關(guān)于vue開發(fā)中遇到的問題總結(jié)，有興趣的朋友們可以學(xué)習(xí)參考下。
//工作中遇到的：
（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)
//學(xué)習(xí)中遇到的：
（1）echarts中map地圖全屏展示出現(xiàn)圖型大小不變的問題
原因：echarts設(shè)置的是這樣，但是當(dāng)全屏的時候，是滯后的，導(dǎo)致全屏之后的容器大小還是之前的大小，需要重置大小
解決辦法：
只需要在echarts后面加一段代碼就可以解決了，使echarts充滿容器
myChart2.setOption({...});
//頁面改變時更新echarts容器使其自適應(yīng)
setTimeout(function (){
window.onresize = function () {
myChart2.resize();
}
},200)
或者添加這個
myChart2.setOption({...});
window.addEventListener("resize",function(){
myChart2.resize();
})
到此這篇關(guān)于vue開發(fā)中遇到的問題總結(jié)的文章就介紹到這了,更多相關(guān)vue開發(fā)中遇到的問題內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue中的ref和$refs的使用，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11
這篇文章主要給大家介紹了關(guān)于在Vue項目中使用mock.js的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要介紹了vue中touch和click共存的解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
關(guān)于vant的日歷組件,在iPhonex上可選日期空白
這篇文章主要介紹了關(guān)于vant的日歷組件,在iPhonex上可選日期空白，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要為大家詳細介紹了vue實現(xiàn)多欄布局拖拽，改變盒子的寬度，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
Vue中的路由跳轉(zhuǎn)及傳參的多種方法小結(jié)
這篇文章主要介紹了Vue中的路由跳轉(zhuǎn)及傳參的多種方法小結(jié),本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-11-11
Vant picker選擇器設(shè)置默認值導(dǎo)致選擇器失效的解決
這篇文章主要介紹了Vant picker選擇器設(shè)置默認值導(dǎo)致選擇器失效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
前端vue面試總問watch和computed區(qū)別及建議總結(jié)
在現(xiàn)代前端的面試中,vue和react是面試過程中基本必問的技術(shù)棧,其中Vue響應(yīng)式話題,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