Vue中引用assets中的图片的几种方式

作为img标签引进来<img class="img"alt="example" :src="require('./../assets/image/applicationOne.png')">作为背景图片引入<span:style="'background-image:url('+require('./../assets/image/gotoSystemTwo.png')+')'"

有玉微凉，是为樱琅

13264人浏览 · 2020-12-08 17:48:40

有玉微凉，是为樱琅 · 2020-12-08 17:48:40 发布

作为img标签引进来

 <img class="img"  alt="example" :src="require('./../assets/image/applicationOne.png')">

作为背景图片引入

<span  :style="'background-image:url('+require('./../assets/image/gotoSystemTwo.png')+')'" ></span>

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport