uni-app 之 图片
获取图片 v-bind 动态绑定
文章来源:https://www.toymoban.com/news/detail-695264.html
image.png文章来源地址https://www.toymoban.com/news/detail-695264.html
<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>
到了这里,关于uni-app 之 图片的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!