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 相关文章推荐
两个多选select(multiple左右)添加、删除选项和取值实例
May 12 Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
Aug 24 Javascript
js实现索引图片切换效果
Nov 21 Javascript
浅析JavaScript中的对象类型Object
May 26 Javascript
Angular 路由route实例代码
Jul 12 Javascript
两行代码轻松搞定JavaScript日期验证
Aug 03 Javascript
javascript输出AscII码扩展集中的字符方法
Dec 26 Javascript
详谈angularjs中路由页面强制更新的问题
Apr 24 Javascript
解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
Jul 26 Javascript
深入学习JavaScript中的bom
May 27 Javascript
jquery实现点击左右按钮切换图片
Jan 27 jQuery
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
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
PHP教程 变量定义
2009/10/23 PHP
PHP入门经历和学习过程分享
2014/04/11 PHP
php限制文件下载速度的代码
2015/10/20 PHP
php+ajax无刷新分页实例详解
2015/12/07 PHP
微信支付的开发流程详解
2016/09/13 PHP
php array_slice 取出数组中的一段序列实例
2016/11/04 PHP
php获取微信openid方法总结
2019/10/10 PHP
原生JS实现美图瀑布流布局赏析
2015/09/07 Javascript
jquery实现移动端点击图片查看大图特效
2020/09/11 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
一起学写js Calender日历控件
2016/04/14 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
2016/10/19 Javascript
vue2.0+webpack环境的构造过程
2016/11/08 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
JS运动改变单物体透明度的方法分析
2018/01/23 Javascript
jQuery幻灯片插件owlcarousel参数说明中文文档
2018/02/27 jQuery
详解vue axios用post提交的数据格式
2018/08/07 Javascript
小程序组件之仿微信通讯录的实现代码
2018/09/12 Javascript
浅析vue-router实现原理及两种模式
2020/02/11 Javascript
[01:07:17]EG vs Optic Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
python批量提交沙箱问题实例
2014/10/08 Python
Python找出文件中使用率最高的汉字实例详解
2015/06/03 Python
python直接获取API传递回来的参数方法
2018/12/17 Python
Python函数基础实例详解【函数嵌套,命名空间,函数对象,闭包函数等】
2019/03/30 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
20行代码教你用python给证件照换底色的方法示例
2021/02/05 Python
浅谈html5标签css3的常用样式
2016/10/20 HTML / CSS
div或img图片高度随宽度自适应的方法
2020/02/06 HTML / CSS
Booking.com西班牙:全球酒店预订
2018/03/30 全球购物
体验完美剃须:The Art of Shaving
2018/08/06 全球购物
认错检讨书
2014/10/02 职场文书
整脏治乱工作简报
2015/07/21 职场文书
2016国庆节67周年红领巾广播稿
2015/12/18 职场文书
《总之就是很可爱》新作短篇动画《总之就是很可爱~制服~》将于2022年夏天播出
2022/04/07 日漫
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android