uni-app 之 图片

获取图片 v-bind 动态绑定

image.png

<template><view><view>--- 获取图片1 ---<image src="../../static/img/tabbar_home1.png"></image></view><view>--- 获取图片2 v-bind 动态绑定---<image v-bind:src="img"></image></view><view>--- 获取图片3 :简写 ---<image :src="img"></image></view><view>--- 获取图片4 :循环获取 ---<image :src="'../../static/img/tabbar_home'+item+'.png'" v-for="item in [1,2]"></image></view></view>
</template><script>export default {data() {return {img: "../../static/img/tabbar_home1.png"}},methods: {}}
</script><style>image {width: 50rpx;height: 50rpx;}
</style>