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

在vue中import()語(yǔ)法不能傳入變量的問(wèn)題及解決

 更新時(shí)間：2022年04月01日 12:02:33   作者：一年八個(gè)月  
這篇文章主要介紹了在vue中import()語(yǔ)法不能傳入變量的問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

import()語(yǔ)法不能傳入變量

解決辦法

一定要用變量的時(shí)候，可以通過(guò)字符串模板來(lái)提供部分信息給webpack；

例如import(`./path/${myFile}`), 這樣編譯時(shí)會(huì)編譯所有./path下的模塊，但運(yùn)行時(shí)確定myFile的值才會(huì)加載，從而實(shí)現(xiàn)懶加載。

import(`./path/${myFile}`),

問(wèn)題

可以用

const cc = () => import('./aa.vue');　　

如下代碼報(bào)錯(cuò)

let name = '@/views/aa.vue';
const cc = () => import(name);　

或者

function jikj() { ? return './gg.js'; }
const cc = () => import(jikj());　

動(dòng)態(tài)引入import()變量失效

import我們通常的用法是

import('@/pages/demo').then(item=>{})

但是現(xiàn)在有個(gè)需求必須要?jiǎng)討B(tài)傳入路徑，發(fā)現(xiàn)傳入變量后不能識(shí)別，代碼如下

const modelpath = ‘@/pages/demo'
import(modelpath).then(item => {})

因?yàn)閣ebpack的現(xiàn)在的實(shí)現(xiàn)方式不能實(shí)現(xiàn)完全動(dòng)態(tài)，所以可以通過(guò)字符串模板來(lái)提供部分信息給webpack，如下

const modelpath = ‘/demo'
import(`@/pages${modelpath}`).then(item => {})

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

相關(guān)文章

最新評(píng)論