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

vue項目element?UI?版本升級過程遇到的問題及解決方案

 更新時間:2023年01月21日 09:25:03   作者:£白晝の星☆  
這篇文章主要介紹了vue項目element?UI?版本升級過程遇到的問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

vue項目element UI 版本升級過程遇到的問題

最近發(fā)現(xiàn)項目的element ui 版本是2.5 而最新的版本已經(jīng)是2.15所以想要更新一下element ui的版本

查閱資料 升級element ui

直接在終端運行

  • 首先卸載舊版本: npm uninstall element-ui
  • 安裝最新版本: npm install element-ui -S

全局引入 element ui:

參見element ui官方網(wǎng)站:Element - The world's most popular Vue UI framework

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
 
Vue.use(ElementUI);

遇到的問題

1 一開始打開項目 關(guān)于舊版本的element ui界面 直接卡死 打不開

查閱很多資料后發(fā)現(xiàn):

  • vue版本與element ui的版本相關(guān):如果vue版本在2.5.10之下你的elementui版本就不可高于2.7
  • 這里還需要將 vue的版本升級為2.6.10.
  • 執(zhí)行:npm install vue@2.6.10   升級vue版本

2 升級之后還是報錯 vue-template-compiler提示不兼容

  • 這里我們還需要將 vue-template-compiler的版本升級:
  • 執(zhí)行命令:npm i vue-template-compiler@2.6.10

3 升級之后 再次重啟項目 還是報錯:

(Emitted value instead of an instance of Error) Do not use v-for index as key on <transition-group> children, this is the same as not using keys.

百度翻譯:發(fā)現(xiàn)是 v-for的key問題  不能使用index 因為相當于沒有使用。

這里很懵,不是說 key保證唯一即可嗎  為啥不能使用index作為key的值了  我這里嘗試兩種辦法都可奏效 

  • 1 直接刪除,不使用key(不建議使用,違背了虛擬dom的diff算法原則) 
  • 2 按照它說的 使用一個唯一的id值作為key的值

4 重新打開項目 發(fā)現(xiàn)都可以使用 但是有些圖標不可見 比如el-dialog右上角的對話框的關(guān)閉按鈕

檢查樣式發(fā)現(xiàn):

項目中有用到自定義的element ui樣式 直接改為現(xiàn)在最新版本的element ui圖標樣式即可 

找的樣式 改為  content: "\E6DB";

結(jié)果:

總結(jié)

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Vant picker 多級聯(lián)動操作

    Vant picker 多級聯(lián)動操作

    這篇文章主要介紹了Vant picker 多級聯(lián)動操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-11-11
  • Vue報錯error:0308010C:digital?envelope?routines::unsupported的解決方法

    Vue報錯error:0308010C:digital?envelope?routines::unsupported

    這篇文章主要給大家介紹了關(guān)于Vue報錯error:0308010C:digital?envelope?routines::unsupported的解決方法,文中通過圖文將解決的辦法介紹的非常詳細,需要的朋友可以參考下
    2022-11-11
  • 基于vue手動實現(xiàn)一個日歷組件

    基于vue手動實現(xiàn)一個日歷組件

    這篇文章主要為大家詳細介紹了如何基于vue手動實現(xiàn)一個日歷組件,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以跟隨小編一起學習一下
    2024-01-01
  • IE9 elementUI文件上傳的問題解決

    IE9 elementUI文件上傳的問題解決

    這篇文章主要介紹了IE9 elementUI文件上傳的問題解決,有需要了解IE9 elementUI文件上傳的朋友可參考。希望此文章對各位有所幫助
    2018-10-10
  • vue日志之如何用select選中默認值

    vue日志之如何用select選中默認值

    這篇文章主要介紹了vue日志之如何select選中默認值,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-05-05
  • vue項目中如何使用video.js實現(xiàn)視頻播放與視頻進度條打點

    vue項目中如何使用video.js實現(xiàn)視頻播放與視頻進度條打點

    這篇文章主要給大家介紹了關(guān)于vue項目中如何使用video.js實現(xiàn)視頻播放與視頻進度條打點的相關(guān)資料,video.js是一款基于HTML5的網(wǎng)絡(luò)視頻播放器,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2023-12-12
  • vue中如何實現(xiàn)錨點定位平滑滾動

    vue中如何實現(xiàn)錨點定位平滑滾動

    這篇文章主要介紹了vue中如何實現(xiàn)錨點定位平滑滾動方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • 精讀《Vue3.0 Function API》

    精讀《Vue3.0 Function API》

    這篇文章主要介紹了精讀《Vue3.0 Function API》,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-05-05
  • Vue深入理解之v-for中key的真正作用

    Vue深入理解之v-for中key的真正作用

    為了給Vue一個提示,以便它能跟蹤每個節(jié)點的身份,從而重用和重新排序現(xiàn)有元素,你需要為每項提供一個唯一key屬性,下面這篇文章主要給大家介紹了關(guān)于Vue深入理解之v-for中key的真正作用,需要的朋友可以參考下
    2022-05-05
  • vue3+vite+ts使用require.context問題

    vue3+vite+ts使用require.context問題

    這篇文章主要介紹了vue3+vite+ts使用require.context問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-05-05

最新評論