欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue開(kāi)發(fā)中遇到的問(wèn)題總結(jié)

 更新時(shí)間:2020年04月07日 08:36:08   作者:飛弦  
在本篇文章里小編給大家分享的是關(guān)于vue開(kāi)發(fā)中遇到的問(wèn)題總結(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"

原因:子組件直接更改父組件中的屬性

解決辦法:無(wú)法直接更改可以用$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)圖型大小不變的問(wèn)題

原因:echarts設(shè)置的是這樣,但是當(dāng)全屏的時(shí)候,是滯后的,導(dǎo)致全屏之后的容器大小還是之前的大小,需要重置大小

解決辦法:

只需要在echarts后面加一段代碼就可以解決了,使echarts充滿(mǎn)容器
myChart2.setOption({...});
    //頁(yè)面改變時(shí)更新echarts容器使其自適應(yīng)
 setTimeout(function (){
     window.onresize = function () {
          myChart2.resize();
          }
        },200)
或者添加這個(gè)


myChart2.setOption({...});
 window.addEventListener("resize",function(){       
    myChart2.resize();
   })

到此這篇關(guān)于vue開(kāi)發(fā)中遇到的問(wèn)題總結(jié)的文章就介紹到這了,更多相關(guān)vue開(kāi)發(fā)中遇到的問(wèn)題內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vue中的ref和$refs的使用

    vue中的ref和$refs的使用

    這篇文章主要介紹了vue中的ref和$refs的使用,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2018-11-11
  • Vue項(xiàng)目中使用mock.js的完整步驟

    Vue項(xiàng)目中使用mock.js的完整步驟

    這篇文章主要給大家介紹了關(guān)于在Vue項(xiàng)目中使用mock.js的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-01-01
  • vue中touch和click共存的解決方式

    vue中touch和click共存的解決方式

    這篇文章主要介紹了vue中touch和click共存的解決方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2020-07-07
  • 關(guān)于vant的日歷組件,在iPhonex上可選日期空白

    關(guān)于vant的日歷組件,在iPhonex上可選日期空白

    這篇文章主要介紹了關(guān)于vant的日歷組件,在iPhonex上可選日期空白,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue實(shí)現(xiàn)多欄布局拖拽

    vue實(shí)現(xiàn)多欄布局拖拽

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)多欄布局拖拽,改變盒子的寬度,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • Vue中的路由跳轉(zhuǎn)及傳參的多種方法小結(jié)

    Vue中的路由跳轉(zhuǎn)及傳參的多種方法小結(jié)

    這篇文章主要介紹了Vue中的路由跳轉(zhuǎn)及傳參的多種方法小結(jié),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
    2023-11-11
  • Vant picker選擇器設(shè)置默認(rèn)值導(dǎo)致選擇器失效的解決

    Vant picker選擇器設(shè)置默認(rèn)值導(dǎo)致選擇器失效的解決

    這篇文章主要介紹了Vant picker選擇器設(shè)置默認(rèn)值導(dǎo)致選擇器失效的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-01-01
  • 前端vue面試總問(wèn)watch和computed區(qū)別及建議總結(jié)

    前端vue面試總問(wèn)watch和computed區(qū)別及建議總結(jié)

    在現(xiàn)代前端的面試中,vue和react是面試過(guò)程中基本必問(wèn)的技術(shù)棧,其中Vue響應(yīng)式話題,watch和computed是面試官非常喜歡聊的主題,雖然watch和computed它們都用于監(jiān)聽(tīng)數(shù)據(jù)的變化,但它們?cè)趯?shí)現(xiàn)原理、使用場(chǎng)景和行為上有著顯著的區(qū)別,本文將深入探討,并提供一些面試過(guò)程中的建議
    2023-10-10
  • vue-router之解決addRoutes使用遇到的坑

    vue-router之解決addRoutes使用遇到的坑

    這篇文章主要介紹了vue-router之解決addRoutes使用遇到的坑,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2020-07-07
  • Vue全局自定義指令Modal拖拽的實(shí)踐

    Vue全局自定義指令Modal拖拽的實(shí)踐

    最近一直在做的項(xiàng)目是Vue2搭建的項(xiàng)目,本文主要介紹了Vue全局自定義指令Modal拖拽的實(shí)踐,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09

最新評(píng)論