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


Posted in Javascript onFebruary 07, 2018

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

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

HTML如下:

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

JS如下:

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

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

Javascript 相关文章推荐
Javascript实现获取窗口的大小和位置代码分享
Dec 04 Javascript
JavaScript+html5 canvas绘制的小人效果
Jan 27 Javascript
第一次接触JS require.js模块化工具
Apr 17 Javascript
bootstrap布局中input输入框右侧图标点击功能
May 16 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
Jun 08 Javascript
url传递的参数值中包含&时,url自动截断问题的解决方法
Aug 02 Javascript
分享JS数组求和与求最大值的方法
Aug 11 Javascript
Ajax跨域实现代码(后台jsp)
Jan 21 Javascript
详解JS构造函数中this和return
Sep 16 Javascript
react 应用多入口配置及实践总结
Oct 17 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
jQuery - AJAX load() 实例用法详解
Aug 27 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
php file_exists 检查文件或目录是否存在的函数
2010/05/10 PHP
列举PHP的Yii 2框架的开发优势
2015/07/03 PHP
php页面,mysql数据库转utf-8乱码,utf-8编码问题总结
2015/08/27 PHP
php抓取并保存网站图片的实现代码
2015/10/28 PHP
PHP 实现手机端APP支付宝支付功能
2018/06/07 PHP
laravel添加前台跳转成功页面示例
2019/10/22 PHP
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
JS中实现简单Formatter函数示例代码
2014/08/19 Javascript
js实现的捐赠管理完整实例
2015/01/20 Javascript
javascript实现连续赋值
2015/08/10 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
2015/11/06 Javascript
jquery实现横向图片轮播特效代码分享
2015/11/19 Javascript
javascript html5实现表单验证
2016/03/01 Javascript
由浅入深剖析Angular表单验证
2016/07/14 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
vue data引入本地图片的两种方式小结
2019/11/13 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
如何在selenium中使用js实现定位
2020/08/18 Javascript
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
Python编程实现使用线性回归预测数据
2017/12/07 Python
pytorch模型预测结果与ndarray互转方式
2020/01/15 Python
python 对任意数据和曲线进行拟合并求出函数表达式的三种解决方案
2020/02/18 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
python 实现非极大值抑制算法(Non-maximum suppression, NMS)
2020/10/15 Python
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
canvas 实现 github404动态效果的示例代码
2017/11/15 HTML / CSS
Lands’ End官网:经典的美国生活方式品牌
2016/08/14 全球购物
财务会计毕业生个人求职信
2014/02/03 职场文书
优秀党员获奖感言
2014/02/18 职场文书
晚会主持词开场白
2014/03/17 职场文书
党的群众路线对照检查材料思想汇报(学校)
2014/10/04 职场文书
领导四风问题整改措施思想汇报
2014/10/13 职场文书
党员批评与自我批评材料
2014/10/14 职场文书
团队拓展训练感想
2015/08/07 职场文书
nginx配置proxy_pass中url末尾带/与不带/的区别详解
2021/03/31 Servers