封装一个根据图片名称获取本地图片的函数（在vue中动态显示图片时）

 /**
 * 获取本地图
 * @param name // 文件名 如 doc.png
 * @returns {*|string}
 */
export const getAssetsImages = (name) => {
  return new URL(`/src/assets/image/${name}`, import.meta.url).href;
};

posted @ 2022-10-19 09:30 RHCHIK 阅读(84) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步

相关博文：

· Vue中如何使用动态绑定方式使用静态图片？

· 封装获取localStorage、sessionStorage信息的函数

· Vue3中v-for循环动态设置img的src属性无法找到图片问题

· Vue项目中通过 avatarUrl: require('@/assets/user-avatar.png')出现required is not defined

· vue 引入本地静态图片

阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）

百索园前端

懂一点代码的程序员

封装一个根据图片名称获取本地图片的函数（在vue中动态显示图片时）

搜索

随笔分类

CMS模板

后端开发

开发助手

前端开发

数据库

系统

组件库

	/**
	* 获取本地图
	* @param name // 文件名如 doc.png
	* @returns {*\|string}
	*/
	export const getAssetsImages = (name) => {
	return new URL(`/src/assets/image/${name}`, import.meta.url).href;
	};