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

今天小编就为大家分享一篇vue data引入本地图片的两种方式小结,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

第一种

<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引入本地图片的两种方式小结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/35d8aa54d182214a93a813337cb738a7.html