Vue中img动态绑定图片的地址
2022-07-20 本文已影响0人
Jycoding
在vue中绑定图片的地址需要用v-bind方式绑定
<img :src="imgUrl" />
<script >
import routePath from "../router/routePath"
export default {
data() {
return {
imgUrl: "" //图片地址，地址的写法看下面图片的书写方式
}
}
}
</script>
图片的地址书写方式
网络图片地址写法：正常的字符串地址
data() {
return {
imgUrl: 'https://img.zmtc.com/2019/0602/20190602035251943.jpg'
}
}
本地图片地址写法：需要通过require()引入，否则无法生效
data() {
return {
imgUrl: require('../assets/logo.png')
}
}
