vue 通过js引入 图片的方式

您所在的位置:网站首页 vuejs引入 vue 通过js引入 图片的方式

vue 通过js引入 图片的方式

2022-05-30 03:52| 来源: 网络整理| 查看: 265

首先将图片都引入,然后导出

import costContent_11 from '../../../assets/img/costContent_11.png' import costContent_12 from '../../../assets/img/costContent_12.png' import costContent_13 from '../../../assets/img/costContent_13.png' import costContent_14 from '../../../assets/img/costContent_14.png' const icon:any = { costContent_11, costContent_12, costContent_13, costContent_14, } export default icon

使用方法

?之所以使用此方法,是因为在一个vue3 vite项目中本地是可以无误的展示图片的,但是线上项目图片就报错,通过这个js或ts引入的方式,引入图片就完美的解决了这个问题



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3