Vue中img动态绑定图片的地址

在vue中绑定图片的地址需要用v-bind方式绑定

<img :src="imgUrl" /><script >import routePath from "../router/routePath"export default {data() {return {imgUrl: "" //图片地址，地址的写法看下面图片的书写方式}}}</script>

图片的地址书写方式

data() {return {imgUrl: '//0602/0602035251943.jpg'}}

本地图片地址写法：需要通过require()引入，否则无法生效

data() {return {imgUrl: require('../assets/logo.png')}}