vue中如何动态绑定图片,vue中通过data返回图片路径的方法


Posted in Javascript onFebruary 07, 2018

在项目中遇到需要动态加载图片路径,图片路径并非是从后台获取过来的数据。

因此在data中必须用require加载,否则会当成字符串来处理。

HTML如下:

vue中如何动态绑定图片,vue中通过data返回图片路径的方法

JS如下:

vue中如何动态绑定图片,vue中通过data返回图片路径的方法

以上这篇vue中如何动态绑定图片,vue中通过data返回图片路径的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js停止输出代码
Jul 20 Javascript
jquery全选/全不选/反选另一种实现方法(配合原生js)
Apr 07 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
Aug 07 Javascript
基于jQuery实现的QQ表情插件
Aug 25 Javascript
AngularJs学习第八篇 过滤器filter创建
Jun 08 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
JS函数节流和函数防抖问题分析
Dec 18 Javascript
jQuery时间戳和日期相互转换操作示例
Dec 07 jQuery
jquery实现烟花效果(面向对象)
Mar 10 jQuery
Vue如何基于vue-i18n实现多国语言兼容
Jul 17 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
Nov 24 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
Feb 07 #Javascript
vue进行图片的预加载watch用法实例讲解
Feb 07 #Javascript
Angular浏览器插件Batarang介绍及使用
Feb 07 #Javascript
详解JS数值Number类型
Feb 07 #Javascript
vue几个常用跨域处理方式介绍
Feb 07 #Javascript
vue项目中axios使用详解
Feb 07 #Javascript
vue-cli webpack2项目打包优化分享
Feb 07 #Javascript
You might like
让PHP开发者事半功倍的十大技巧小结
2010/04/20 PHP
thinkphp特殊标签用法概述
2014/11/24 PHP
php绘图之生成饼状图的方法
2015/01/24 PHP
PHP使用strrev翻转中文乱码问题的解决方法
2017/01/13 PHP
[对联广告] JS脚本类
2006/08/27 Javascript
JQuery 学习笔记 选择器之三
2009/07/23 Javascript
JavaScript高级程序设计 DOM学习笔记
2011/09/10 Javascript
js 使用form表单select类实现级联菜单效果
2012/12/19 Javascript
jquery将一个表单序列化为一个对象的方法
2014/01/03 Javascript
JS定义类的六种方式详解
2016/05/12 Javascript
bootstrap实现动态进度条效果
2017/03/08 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
webpack分离css单独打包的方法
2018/06/12 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
2020/04/11 Javascript
前端性能优化建议
2020/09/17 Javascript
Python 变量类型及命名规则介绍
2013/06/08 Python
Python标准库之循环器(itertools)介绍
2014/11/25 Python
Python list操作用法总结
2015/11/10 Python
Python创建数字列表的示例
2019/11/28 Python
Django框架获取form表单数据方式总结
2020/04/22 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
canvas简易绘图的实现(海绵宝宝篇)
2018/07/04 HTML / CSS
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
Jabra捷波朗美国官网:用于办公、车载和运动的无线蓝牙耳麦
2017/02/01 全球购物
瑞典灯具和照明网上商店:Lamp24.se
2018/03/17 全球购物
用缩写的指针比较"if(p)" 检查空指针是否可靠?如果空指针的内部表达不是0会怎么样?
2014/01/05 面试题
小学生寒假家长评语
2014/04/16 职场文书
竞选部长演讲稿
2014/04/26 职场文书
大学生求职信例文
2014/06/29 职场文书
中学生检讨书1000字
2014/10/28 职场文书
工作失职检讨书范文
2015/05/05 职场文书
债务纠纷代理词
2015/05/25 职场文书
教你用Python爬取英雄联盟皮肤原画
2021/06/13 Python
Vue实现导入Excel功能步骤详解
2021/07/03 Vue.js
Spring Cloud 中@FeignClient注解中的contextId属性详解
2021/09/25 Java/Android