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ā)中遇到的問題內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
vue3+element?Plus使用el-tabs標簽頁解決頁面刷新不回到默認頁的問題
這篇文章主要介紹了vue3+element?Plus使用el-tabs標簽頁頁面刷新不回到默認頁的操作方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07
這篇文章主要介紹了解決vue路由發(fā)生了跳轉但是界面沒有任何反應問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
現(xiàn)在vue項目基本上都是使用axios進行請求操作,下面這篇文章主要給大家介紹了關于Vue與Axios的傳參方式的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了使用vue-print-nb打印el-table問題總結,通過實例代碼介紹了vue-print-nb 打印功能,本文結合實例代碼講解的非常詳細,感興趣的朋友一起看看吧2024-01-01
這篇文章主要介紹了vue3.x中apollo的使用,通過前端自身直接獲取到apollo的配置目前看到官方支持的客戶端是沒有vue的，本文給大家介紹了前端獲取到apollo數(shù)據(jù)的過程，需要的朋友可以參考下2023-02-02
本篇文章主要介紹了vue引入swiper插件的使用實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
vue中三種插槽(默認插槽/具名插槽/作用域插槽)的區(qū)別詳解
默認插槽，具名插槽，作用域插槽是vue中常用的三個插槽，這篇文章主要為大家介紹了這三種插槽的使用與區(qū)別，感興趣的小伙伴可以了解一下2023-08-08
本篇文章主要介紹了vue學習筆記之v-if和v-show的區(qū)別，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
Vue.js實現(xiàn)簡單ToDoList 前期準備（一）
這篇文章主要介紹了Vue.js實現(xiàn)簡單ToDoList的前期準備,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
利用Vue與D3.js創(chuàng)建交互式數(shù)據(jù)可視化
在現(xiàn)代Web開發(fā)中,數(shù)據(jù)可視化是一個引人矚目的熱點領域,從簡單的圖表到復雜的交互式儀表盤,數(shù)據(jù)可視化能夠幫助用戶更好地理解數(shù)據(jù),而Vue與D3.js的結合則為我們提供了構建這些可視化效果的強大工具,本文將向您展示如何利用Vue與D3.js創(chuàng)建一個基本的交互式數(shù)據(jù)可視化項目2025-02-02