编程 Javascript

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

Posted in Javascript onFebruary 07, 2018

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

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

HTML如下：

JS如下：

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

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

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

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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