vue.js+webpack 为 img src 赋值的路径问题解决方法

首先，如果使用的是img标签那么可以这样

data () {return {img: require('@/assets/SavingOverview/1.png')}
}然后在template中<img :src="img" />

如果使用的是背景图的方式，那么

可以这样data () {return {img: require('@/assets/SavingOverview/1.png')}
}<div :style="{backgroundImage: 'url(' + img + ')'}"></div>或者直接在css中定义background-image: url('path/to/your/source');

vue.js+webpack 为 img src 赋值的路径问题解决方法相关推荐

基于Vue JS, Webpack 以及Material Design的渐进式web应用 [Part 1]
基于Vue JS, Webpack 以及Material Design的渐进式web应用 [Part 1] 原文:基于Vue JS, Webpack 以及Material Design的渐进式web应 ...
[译]基于Vue JS, Webpack 以及Material Design的渐进式web应用 [Part 1]
渐进式web应用是大势所趋.越来越多的大公司开始使用这些技术(比如推特:https://mobile.twitter.com/). 想象你可以在地铁中浏览一个web应用,这个应用能够向用户推送通知并且 ...
nodejs+vue.js+webpack
前端: nodejs+vue.js+webpack 后台:ssb(Spring+SpringMVC + mybatis-plus) 开发工具:idea 一.前提 1.安装nodejs 2.安装完nod ...
Vue.js 笔记之 img src
固定路径(原始html) index.html如下,其中,引号""里面就是图片的路径地址 ```<img src="./assets/1.png"> ...
js给img的src赋值
用js原生方法:document.getElementById("imageId").src = "xxxx.jpg"; 用Jquery方法:$("# ...
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
只能慢速拖动的代码: <!DOCTYPE html> <html> <head><title>vue结合原生js实现拖动</title> & ...
vue.js 的学习之路
转自:http://www.cnblogs.com/CyLee/p/5813721.html 技术栈 # vue官网 http://vuejs.org/# Vuex中文手册 http://vuex.v ...
vue.js 的学习
⭐️ ? ✨ ⚡️ 技术栈 # vue官网http://vuejs.org/ # Vuex中文手册 http://vuex.vuejs.org # Vue-Router 手册 http://route ...
总结下用Vue.js和webpack遇到的问题
这段时间用vue.js+webpack做一个单页应用的demo,第一次尝试模块化,技术水平有限,学习不够深入,总是遇到各种问题,所谓前事不忘后事之师,so记录下. 1.ES6匿名函数里面this值结 ...

vue.js+webpack 为 img src 赋值的路径问题解决方法

vue.js+webpack 为 img src 赋值的路径问题解决方法相关推荐

最新文章

热门文章