vue-cli3 在template中使用动态图片地址

:style="{ backgroundImage: 'url(../../assets/images/' + item.icon + ')' }"

这种写法引入图片不生效

:style="{ backgroundImage: 'url(' + require('../../assets/images/' + item.icon) + ')' }"

使用require引入

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 【Hybrid开发高级系列】WebPack模块化专题
    1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 11,776评论 0赞 16
  • webpack介绍、配置、使用
    版权声明：本文为博主原创文章，未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,853评论 0赞 21
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 28,245评论 1赞 45
  • Vue现代化使用方法(二)
    vue概述 在官方文档中，有一句话对Vue的定位说的很明确：Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 12,089评论 0赞 25
  • 早餐详解
    早餐是在早上享用的餐，通常是广义上可以理解为睡醒后的第一餐。中国人通常不太讲究早餐，长期形成的饮食习惯也使我们的消...
    落扬虚虚阅读 3,895评论 8赞 3

友情链接更多精彩内容