vue data引入本地图片的两种方式小结


Posted in Javascript onNovember 13, 2019

我就废话不多说了,大家直接看吧!

第一种

<template>
 <img :src="imgsrc">
</template>
<script>
export default {
 data () {
  return {
   imgsrc: require('../../images/ICON-electronicbilling.png')
  }
 }
}
</script>

第二种

<template>
 <img :src="imgsrc">
</template>
<script>
import img from '@/images/ICON-electronicbilling.png'
export default {
 data () {
  return {
   imgsrc: img
  }
 }
}
</script>

以上这篇vue data引入本地图片的两种方式小结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 判断计算字符串长度/判断空的简单方法
Aug 05 Javascript
javascript随机将第一个dom中的图片添加到第二个div中示例
Oct 08 Javascript
jQuery.holdReady()方法用法实例
Dec 27 Javascript
基于javascript实现九九乘法表
Mar 27 Javascript
JavaScript 冒泡排序和选择排序的实现代码
Sep 03 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
Nov 16 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
Aug 28 Javascript
解决vue路由后界面没有变化,但是链接有的问题
Sep 01 Javascript
在小程序中使用canvas的方法示例
Sep 17 Javascript
点击按钮弹出模态框的一系列操作代码实例
Mar 29 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
Feb 15 Javascript
vue中的 $slot 获取插槽的节点实例
Nov 12 #Javascript
解决vue v-for src 图片路径问题 404
Nov 12 #Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
Nov 12 #Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 12 #Javascript
解决Vue在Tomcat8下部署页面不加载的问题
Nov 12 #Javascript
JS如何实现动态添加的元素绑定事件
Nov 12 #Javascript
解决Vue打包上线之后部分CSS不生效的问题
Nov 12 #Javascript
You might like
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
php header Content-Type类型小结
2011/07/03 PHP
PHP删除非空目录的函数代码小结
2013/02/28 PHP
PHP静态文件生成类实例
2014/11/29 PHP
jQuery+PHP实现的掷色子抽奖游戏实例
2015/01/04 PHP
php从给定url获取文件扩展名的方法
2015/03/14 PHP
PHP+ajax分页实例简析
2015/12/07 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
菜单效果
2006/10/14 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
2011/01/17 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
JavaScript节点及列表操作实例小结
2015/08/05 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
2015/10/23 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
JS之获取样式的简单实现方法(推荐)
2016/09/13 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
2016/10/27 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
Javascript 实现匿名递归的实例代码
2017/05/25 Javascript
vue.js 添加 fastclick的支持方法
2018/08/28 Javascript
es6数据变更同步到视图层的方法
2019/03/04 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
2020/08/06 Javascript
python实现类之间的方法互相调用
2018/04/29 Python
Python对接支付宝支付自实现功能
2019/10/10 Python
django框架F&amp;Q 聚合与分组操作示例
2019/12/12 Python
Pytorch: 自定义网络层实例
2020/01/07 Python
canvas版人体时钟的实现示例
2021/01/29 HTML / CSS
TripAdvisor越南:全球领先的旅游网站
2017/09/21 全球购物
Overload和Override的区别
2012/09/02 面试题
医学检验专业大学生求职信
2013/11/18 职场文书
大学生的创业计划书就该这么写
2014/01/30 职场文书
安全生产实施方案
2014/02/23 职场文书
党课培训主持词
2014/04/01 职场文书
活动总结格式
2014/08/30 职场文书
2015年小学校长工作总结
2015/05/19 职场文书
介绍一下28个JS常用数组方法
2022/05/06 Javascript