概述
我就废话不多说了,大家直接看吧!
第一种
<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引入本地图片的两种方式小结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持靠谱客。
最后
以上就是糟糕眼神为你收集整理的vue data引入本地图片的两种方式小结的全部内容,希望文章能够帮你解决vue data引入本地图片的两种方式小结所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复