国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vite搭建的項目動態(tài)引入本地圖片

2年前作者：何極光分類：Toy博客閱讀(26)違法舉報

這篇具有很好參考價值的文章主要介紹了vite搭建的項目動態(tài)引入本地圖片。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

由于vite里面沒有require(), 所以需要封裝個工具。文章來源地址http://www.zghlxwxcb.cn/news/detail-509400.html

 <el-tree ref="treeRef" :filter-node-method="filterNode" :data="treeData" :props="defaultProps"
 @node-click="handleNodeClick" class="mar-l-20" default-expand-all :current-node-key="currentKey"
  node-key="orgId">
   <template #default="{ node, data }">
       <img :src="getIcon(data.level)" class="customtree" />
       <span style="padding-left: 4px">{{ node.label }}</span>
   </template>
</el-tree>

const getIcon = (name: string) => {
    return new URL(`../../../assets/img/hierarchy/${name}.png`, import.meta.url).href;
}

到了這里，關(guān)于vite搭建的項目動態(tài)引入本地圖片的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權(quán)，不承擔相關(guān)法律責任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務器費用

flutter項目引入本地靜態(tài)圖片資源并展示
想要在flutter中引入靜態(tài)資源，需要配置pubspec.yaml，將本地的靜態(tài)資源添加到assets下面：然后在flutter引入這些靜態(tài)資源：? 就可以在app中看到這個圖片了：? 也可以使用網(wǎng)絡(luò)圖片：
2024年02月05日
瀏覽(22)
vue3自動引入插件unplugin-auto-import （vite搭建項目，vue-cli搭建項目兩種方式）
插件地址：https://github.com/antfu/unplugin-auto-import 如果安裝了eslint，使用的ref、torefs等報錯undefind如下圖需在2個地方vue.config.js ，.eslintrc.js文件做配置代碼：
2024年02月13日
瀏覽(94)
vue3和vite項目在scss中因為本地圖片，不用加~
看了很多文章說要加~，真的好坑哦，我的加了~反而出不來了： 304 Not Modified 所以需要去掉~：直接引入就好：
2024年01月25日
瀏覽(29)
uniapp+vue3+vite+ts搭建項目引入uni-ui和uviewPlus組件庫
一、創(chuàng)建項目架構(gòu) 首先使用官方提供的腳手架創(chuàng)建一個項目在這里插入代碼片，這里我創(chuàng)建的 vue3 + vite + ts 的項目：（如命令行創(chuàng)建失敗，請直接訪問 gitee下載模板）二、下載依賴啟動三、下載安裝包引入uni-ui src/package.json 文件配置easycom模式引入uview-plus main.ts配置 u
2024年02月13日
瀏覽(16)
uni-app（Vue3/Vite） + vant UI（Vue3版本）+ js 按需引入的項目搭建
????????因為要完成軟件工程的項目，要做一個nativeApp，看了很多的技術(shù)文檔以后決定使用多端兼容的uni-app來開發(fā)。組件方面的話最后決定使用目前比較火的Vant UI。但是看了CSDN和掘金上面的很多文章，似乎沒有一篇是關(guān)于uni-app中使用Vite對vant組件進行按需引入（可能這個
2023年04月09日
瀏覽(93)
vite搭建vue3項目本地環(huán)境自定義域名及端口配置
本blog講述的是vite直接創(chuàng)建的vue3的項目的本地環(huán)境自定義域名配置。 windows 首先配置本地的一個域名代理指向。在windows環(huán)境下host文件的位置是 C:WindowsSystem32driversetc 我們需要打開目錄下的hosts文件然后在其中找到127.0.0.1然后在后面追加一行 Mac 在mac系統(tǒng)中我們需要打開終
2024年02月06日
瀏覽(129)
Vite4+Pinia2+vue-router4+ElmentPlus搭建Vue3項目(組件、圖標等按需引入)[保姆級]
本文為快速搭建vite4項目，一些插件的詳情就不做過多的解釋，都放有官網(wǎng)鏈接，需要深入了解的小伙伴可自行查看。至于為什么選擇使用vite，因為它具備著快速啟動、按需編譯、模塊熱更新的亮點。歸根結(jié)底最大的特點就是快。vue的創(chuàng)始人是尤雨溪大佬，vite也是他。所以
2023年04月19日
瀏覽(31)
vue項目中，動態(tài)src引入圖片，并且js根據(jù)文件名后綴，判斷文件圖片、視頻、文檔、pdf等類型的方法
vue根據(jù)文件地址，獲取后綴，根據(jù)后綴判斷類型，然后根據(jù)類型動態(tài)展示不同類型的照片 1、處理后綴，根據(jù)后綴判斷類型? ?2、根據(jù)返回的結(jié)果，直接將文件名命名為返回的結(jié)果，比如我有個圖片類型的文件，經(jīng)過上述的方法，返回的是image，那我直接要顯示的圖片名稱就為
2024年02月06日
瀏覽(81)
Vite動態(tài)資源引入
上述寫法本地能夠正常訪問圖片，但是打包之后無法正常訪問,將 boxHerf 換成下列寫法即可解決注意：new URL(url,import.meta.url) 中的參數(shù) url ，不能如下面定義變量拼接上述開發(fā)沒問題，但是打包會報錯，不支持 import.meta.url new URL() 創(chuàng)建一個新 URL 對象的語法：new URL(url, [base])
2024年02月05日
瀏覽(16)
vue3，vite開發(fā), 動態(tài)引入組件，同時動態(tài)設(shè)置組件的name，用于keep-alive緩存
如果有兩個頁面邏輯大都相同，咱們想到的第一個肯定是寫一個組件，然后兩個路由都指向這個組件。那如果現(xiàn)在多添加一個需求：兩個頁面在切換路由時都需要緩存數(shù)據(jù)，并且兩個頁面的緩存數(shù)據(jù)要求獨立。這個需求很簡單：在router-view外層包裹一個keep-alive組件，指定緩
2024年02月07日
瀏覽(23)