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动画效果实现代码
Jul 14 Javascript
js中对象的声明方式以及数组的一些用法示例
Dec 11 Javascript
禁止按回车键提交表单的方法
Jun 11 Javascript
JavaScript中函数(Function)的apply与call理解
Jul 08 Javascript
学习JavaScript设计模式(策略模式)
Nov 26 Javascript
简介AngularJS中$http服务的用法
Feb 06 Javascript
bootstrap日历插件datetimepicker使用方法
Dec 14 Javascript
Javascript实现时间倒计时效果
Jul 15 Javascript
详解angularjs获取元素以及angular.element()用法
Jul 25 Javascript
three.js加载obj模型的实例代码
Nov 10 Javascript
微信小程序实现简单input正则表达式验证功能示例
Nov 30 Javascript
微信小程序实现滚动消息通知
Feb 02 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
打造计数器DIY三步曲(下)
2006/10/09 PHP
php获取访问者浏览页面的浏览器类型
2017/01/23 PHP
PHP解耦的三重境界(浅谈服务容器)
2017/03/13 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
js Date自定义函数 延迟脚本执行
2010/03/10 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
2012/02/07 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
提取jquery的ready()方法单独使用示例
2014/03/25 Javascript
全面解析bootstrap格子布局
2016/05/22 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
2016/12/01 Javascript
Vue.js系列之项目结构说明(2)
2017/01/03 Javascript
vue与TypeScript集成配置最简教程(推荐)
2017/10/17 Javascript
Swiper自定义分页器使用详解
2017/12/28 Javascript
详解babel升级到7.X采坑总结
2019/05/12 Javascript
使用Python获取CPU、内存和硬盘等windowns系统信息的2个例子
2014/04/15 Python
Python中list列表的一些进阶使用方法介绍
2015/08/15 Python
Python爬虫使用Selenium+PhantomJS抓取Ajax和动态HTML内容
2018/02/23 Python
python实现祝福弹窗效果
2019/04/07 Python
Python 窗体(tkinter)按钮 位置实例
2019/06/13 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
Django中reverse反转并且传递参数的方法
2019/08/06 Python
Python算法中的时间复杂度问题
2019/11/19 Python
使用python代码进行身份证号校验的实现示例
2019/11/21 Python
Jupyter notebook 远程配置及SSL加密教程
2020/04/14 Python
Python的in,is和id函数代码实例
2020/04/18 Python
详细分析Python垃圾回收机制
2020/07/01 Python
HTML5实现视频直播功能思路详解
2017/11/16 HTML / CSS
Shell脚本如何向终端输出信息
2014/04/25 面试题
历史专业学生的自我评价
2014/02/28 职场文书
工作鉴定评语
2014/05/04 职场文书
党的群众路线教育实践活动先进个人材料
2014/12/24 职场文书
MySQL慢查询的坑
2021/04/28 MySQL
深入浅出的讲解:信号调制到底是如何实现的
2022/02/18 无线电
解决WINDOWS电脑开机后桌面没有任何图标
2022/04/09 数码科技
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python
利用Apache Common将java对象池化的问题
2022/06/16 Servers