如何将Vue中的data引入本地图片实现展示？

本文共计198个文字，预计阅读时间需要1分钟。

我这就帮您简化并改写以下内容：

原文：我就不多说啦，大家直接看吧！

不多说，直接看！

模板代码：javascripttemplate img:src=imgsrc

另一段模板代码：javascripttemplate img:src=imgs

我就废话不多说了，大家直接看吧！

第一种

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