iview 3 0 0 按需引入的bug

2021-09-13 12:47:31 字數 841 閱讀 2515

官網教程 簡單易懂

按照官網擼完會再在我們的專案中引入你需要的元件(比如button),會發現報如下錯:

cannot read property 'size' of undefined

這是為什麼呢,都是按照官網一手一腳碼的,這時候我們需要懷疑的精神,直接開啟

node_modules/iview/src/components/button/這個資料夾,看看button.vue這裡的原始碼然後找到props.size的undefault方法,將this.$iview列印出來,你就會發現原因所在

這個this.$iview 列印出來是undefined,這個就可以解析上面cannot read property 'size' of undefined的報錯了

在入口js(main.js)上自己手動給vue.$iview繫結乙個空物件

//手動給繫結個空物件,就不會報錯了

vue.prototype.$iview = {}

vue按需引入Element UI的方法

在我們的實際專案開發中,多數是採用按需引入的模式來進行開發的,那麼具體應該如何操作呢,可能會有許多新人傻傻分不清楚,具體將在下文講到。首先我們先vue create demo建立乙個專案出來此時我們的專案是這樣的 此時我們在終端輸入 可以看到讓我們選擇全部引入還是按需引入,此時我們選擇按需引入,im...

vant ui 按需引入元件的方式

第一步 babel plugin import 是一款 babel 外掛程式,它會在編譯過程中將 import 的寫法自動轉換為按需引入的方式 安裝外掛程式 npm i babel plugin import d 在.babelrc 中新增配置 注意 webpack 1 無需設定 librarydi...

vue元件按需引入的方法

動態匯入需要先安狀外掛程式 npm install babel plugin dynamic import webpack s e dev 並且需要哦誒之babel.config外掛程式 module.exports 注 import 引入報錯 注釋了import引入就不報錯 要注意core js的...