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


Posted in Javascript onFebruary 07, 2018

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

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

HTML如下:

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

JS如下:

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

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

Javascript 相关文章推荐
JavaScript入门教程(8) Location地址对象
Jan 31 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
Nov 26 Javascript
jQuery下通过replace字符串替换实现大小图片切换
May 22 Javascript
js Object2String方便查看js对象内容
Nov 24 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
Sep 27 Javascript
Bootstrap的Refresh Icon也spin起来
Jul 13 Javascript
Node.js读写文件之批量替换图片的实现方法
Sep 07 Javascript
vue-cli脚手架-bulid下的配置文件
Mar 27 Javascript
原生JS实现的轮播图功能详解
Aug 06 Javascript
JavaScript错误处理操作实例详解
Jan 04 Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 Javascript
基于better-scroll 实现歌词联动功能的代码
May 07 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实现的多彩标签效果代码分享
2014/08/21 PHP
PHP读取CURL模拟登录时生成Cookie文件的方法
2014/11/04 PHP
PhpStorm terminal无法输入命令的解决方法
2016/10/09 PHP
tp5框架基于ajax实现异步删除图片的方法示例
2020/02/10 PHP
php使用Swoole实现毫秒级定时任务的方法
2020/09/04 PHP
深入浅析安装PhpStorm并激活的步骤详解
2020/09/17 PHP
纯CSS3实现质感细腻丝滑按钮
2021/03/09 HTML / CSS
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
2009/06/04 Javascript
JavaScript 数组详解
2013/10/10 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
2015/11/24 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
2016/08/15 Javascript
Bootstrap源码解读导航(6)
2016/12/23 Javascript
angular+webpack2实战例子
2017/05/23 Javascript
JS+canvas绘制的动态机械表动画效果
2017/09/12 Javascript
jQuery简单实现对数组去重及排序操作实例
2017/10/31 jQuery
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
2019/05/30 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
2019/10/12 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
2019/12/16 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
koa中间件核心(koa-compose)源码解读分析
2020/06/15 Javascript
element-ui中el-upload多文件一次性上传的实现
2020/12/02 Javascript
pandas的object对象转时间对象的方法
2018/04/11 Python
pandas使用get_dummies进行one-hot编码的方法
2018/07/10 Python
python中强大的format函数实例详解
2018/12/05 Python
10个python爬虫入门基础代码实例 + 1个简单的python爬虫完整实例
2020/12/16 Python
高山背包:High Sierra
2017/11/23 全球购物
入党申请自荐书范文
2014/02/11 职场文书
教师现实表现材料
2014/02/14 职场文书
人力资源经理的岗位职责范本
2014/02/28 职场文书
英语课前三分钟演讲稿
2014/08/19 职场文书
校园安全广播稿范文
2014/09/25 职场文书
前台接待岗位职责
2015/02/03 职场文书
2015年七夕情人节活动方案
2015/05/06 职场文书
Java使用httpRequest+Jsoup爬取红蓝球号码
2021/07/02 Java/Android
动画「半妖的夜叉姬」新BD特典图公开
2022/03/22 日漫