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


Posted in Javascript onFebruary 07, 2018

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

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

HTML如下:

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

JS如下:

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

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

Javascript 相关文章推荐
javascript Prototype 对象扩展
May 15 Javascript
js 获取浏览器高度和宽度值(多浏览器)
Sep 02 Javascript
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
Mar 23 Javascript
理解JSON:3分钟课程
Oct 28 Javascript
jQuery数据缓存功能的实现思路及简单模拟
May 27 Javascript
js返回前一页刷新本页重载页面
Jul 29 Javascript
AngularJS入门教程之AngularJS表达式
Apr 18 Javascript
JS中with的替代方法与String中的正则方法详解
Dec 23 Javascript
jquery仿京东侧边栏导航效果
Mar 02 Javascript
vue element-ui table表格滚动加载方法
Mar 02 Javascript
JavaScript callback回调函数用法实例分析
May 08 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
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
Codeigniter实现智能裁剪图片的方法
2014/06/12 PHP
PHP制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
简单介绍PHP非阻塞模式
2016/03/03 PHP
从零学JSON之JSON数据结构
2014/05/19 Javascript
从数据库读取数据后将其输出成html标签的三种方法
2014/10/13 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
2015/12/08 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
2016/05/17 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
js实现交通灯效果
2017/01/13 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
2017/08/14 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
2018/10/20 Javascript
vue组件中的样式属性scoped实例详解
2018/10/30 Javascript
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
2019/11/13 Javascript
重置Redux的状态数据的方法实现
2019/11/18 Javascript
js实现跳一跳小游戏
2020/07/31 Javascript
Python中使用动态变量名的方法
2014/05/06 Python
通过Python爬虫代理IP快速增加博客阅读量
2016/12/14 Python
Python正则表达式教程之一:基础篇
2017/03/02 Python
Django的models模型的具体使用
2019/07/15 Python
python函数的万能参数传参详解
2019/07/26 Python
Pytoch之torchvision.transforms图像变换实例
2019/12/30 Python
Python中zip()函数的解释和可视化(实例详解)
2020/02/16 Python
Pyqt5 关于流式布局和滚动条的综合使用示例代码
2020/03/24 Python
django ListView的使用 ListView中获取url中的参数值方式
2020/03/27 Python
Pyinstaller加密打包应用的示例代码
2020/06/11 Python
使用jupyter notebook运行python和R的步骤
2020/08/13 Python
Python监听剪切板实现方法代码实例
2020/11/11 Python
css3实现背景动态渐变效果
2019/12/10 HTML / CSS
加拿大便宜的隐形眼镜商店:Clearly
2016/09/15 全球购物
美国婚礼和派对礼品网站:Kate Aspen(新娘送礼会、迎婴派对)
2018/03/28 全球购物
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
预备党员入党思想汇报
2014/01/04 职场文书
解决Vue+SpringBoot+Shiro跨域问题
2021/06/09 Vue.js
Python中基础数据类型 set集合知识点总结
2021/08/02 Python
java高级用法JNA强大的Memory和Pointer
2022/04/19 Java/Android