在vue中import()語法不能傳入變量的問題及解決
更新時間：2022年04月01日 12:02:33 作者：一年八個月
這篇文章主要介紹了在vue中import()語法不能傳入變量的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
import()語法不能傳入變量
解決辦法
一定要用變量的時候，可以通過字符串模板來提供部分信息給webpack；
例如import(`./path/${myFile}`), 這樣編譯時會編譯所有./path下的模塊，但運行時確定myFile的值才會加載，從而實現(xiàn)懶加載。
import(`./path/${myFile}`),問題
可以用
const cc = () => import('./aa.vue'); 如下代碼報錯
let name = '@/views/aa.vue'; const cc = () => import(name);
或者
function jikj() { ? return './gg.js'; }
const cc = () => import(jikj()); 動態(tài)引入import()變量失效
import我們通常的用法是
import('@/pages/demo').then(item=>{})但是現(xiàn)在有個需求必須要動態(tài)傳入路徑，發(fā)現(xiàn)傳入變量后不能識別，代碼如下
const modelpath = ‘@/pages/demo'
import(modelpath).then(item => {})因為webpack的現(xiàn)在的實現(xiàn)方式不能實現(xiàn)完全動態(tài)，所以可以通過字符串模板來提供部分信息給webpack，如下
const modelpath = ‘/demo'
import(`@/pages${modelpath}`).then(item => {})以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue.js實例對象+組件樹的相關資料,需要的朋友可以參考下2017-10-10
今天小編就為大家分享一篇VUE實現(xiàn)可隨意拖動的彈窗組件，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue大型項目之分模塊運行/打包的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-09-09
這篇文章主要介紹了2023年最新的vue.js下載和安裝的3種方法,每種方法結(jié)合實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2023-05-05
vue實現(xiàn)圖片路徑轉(zhuǎn)二進制文件流(binary)
這篇文章主要介紹了vue實現(xiàn)圖片路徑轉(zhuǎn)二進制文件流(binary)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了Vue-CLI項目中路由傳參的方式詳解，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
本文通過實例代碼給大家介紹了vue 2.x 中axios 封裝的get 和post方法，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2018-02-02
vue 實現(xiàn)在函數(shù)中觸發(fā)路由跳轉(zhuǎn)的示例
今天小編就為大家分享一篇vue 實現(xiàn)在函數(shù)中觸發(fā)路由跳轉(zhuǎn)的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了Vue.js實現(xiàn)的表格增加刪除demo,結(jié)合實例形式分析了vue.js數(shù)據(jù)綁定及元素增加、刪除等相關操作技巧,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了Vuex數(shù)據(jù)的存儲與獲取方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06