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 相关文章推荐
javascript下IE与FF兼容函数收集
Sep 17 Javascript
javascript中全局对象的isNaN()方法使用介绍
Dec 19 Javascript
jQuery中even选择器的定义和用法
Dec 23 Javascript
jQuery中:hidden选择器用法实例
Dec 30 Javascript
js实现jquery的offset()方法实例
Jan 10 Javascript
JavaScript中ES6 Babel正确安装过程
Jul 18 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
Jul 03 Javascript
Vue自定义事件(详解)
Aug 19 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
Aug 24 Javascript
vue watch关于对象内的属性监听
Apr 22 Javascript
用vue写一个日历
Nov 02 Javascript
vue实现验证用户名是否可用
Jan 20 Vue.js
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
用PHP连接Oracle数据库
2006/10/09 PHP
Symfony2函数用法实例分析
2016/03/18 PHP
golang与PHP输出excel示例
2016/07/22 PHP
php+lottery.js实现九宫格抽奖功能
2019/07/21 PHP
prototype 源码中文说明之 prototype.js
2006/09/22 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
2012/05/16 Javascript
node.js调用C++开发的模块实例
2015/07/03 Javascript
jQuery实现每隔几条元素增加1条线的方法
2016/06/27 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
2016/12/26 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
2017/02/22 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
Vue DevTools调试工具的使用
2017/12/05 Javascript
node.js将MongoDB数据同步到MySQL的步骤
2017/12/10 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
clipboard在vue中的使用的方法示例
2018/10/19 Javascript
vue下拉菜单组件(含搜索)的实现代码
2018/11/25 Javascript
JavaScript隐式类型转换代码实例
2020/05/29 Javascript
Python greenlet实现原理和使用示例
2014/09/24 Python
快速排序的算法思想及Python版快速排序的实现示例
2016/07/02 Python
python读取excel表格生成erlang数据
2017/08/26 Python
Python实现购物系统(示例讲解)
2017/09/13 Python
Django之提交表单与前后端交互的方法
2019/07/19 Python
python实现最速下降法
2020/03/24 Python
jupyter notebook 添加kernel permission denied的操作
2020/04/21 Python
Python基于gevent实现高并发代码实例
2020/05/15 Python
PyCharm 2020.2 安装详细教程
2020/09/25 Python
Python数据库封装实现代码示例解析
2020/09/05 Python
python中实现词云图的示例
2020/12/19 Python
Canon佳能美国官方商店:购买数码相机、数码单反相机、镜头和打印机
2016/11/15 全球购物
会计顶岗实习心得
2014/01/25 职场文书
工艺工程师岗位职责
2014/03/04 职场文书
王金山在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
2014年宣传工作总结
2014/11/18 职场文书
交通事故赔偿起诉书
2015/05/20 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
关于PostgreSQL JSONB的匹配和交集问题
2021/09/14 PostgreSQL