vue cli如何在项目中引入本地图片

 时间:2024-10-11 18:54:44

1、vue在项目中引入本地图片时,可以把图片放在static目录下,但是cli3版本以上不再有static目录,而是需要把本地图片放到src/assent下面

vue cli如何在项目中引入本地图片

3、在需要使用图片时,写法如下:style:{ image:water, }

vue cli如何在项目中引入本地图片

5、在template引用时写法如下:style="{backgroundImage:`url(${img})`}"这样动态的引入,不会像相对路径那样比较死板,无论你在哪个组件中引入,只需要@即可解决

vue cli如何在项目中引入本地图片
  • vscode怎么在终端显示结果
  • Intellij IDEA怎么远程代码仓库pull获取到代码
  • jQuery如何获得div后面的标签或标签内容
  • js中怎么获取select中option之间的文本信息
  • jquery 获取table最后一行的某一列
  • 热门搜索
    奇迹暖暖搭配竞技场 小学学校简介 男生怎么减肥 脚注怎么删除 儿童发烧怎么退烧 佛罗伦萨小镇攻略 发票打印机怎么设置 九个月宝宝发烧怎么办 科学减肥一个月瘦15斤 鳡鱼怎么钓