uni-app 之 图片

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>
相关推荐
渣哥1 分钟前
面试官最爱刁难:Spring 框架里到底用了多少经典设计模式?
javascript·后端·面试
千与千寻酱4 分钟前
排列与组合在编程中的实现:从数学概念到代码实践
前端·python
朱昆鹏16 分钟前
如何通过sessionKey 登录 Claude
前端·javascript·人工智能
wdfk_prog16 分钟前
klist 迭代器初始化:klist_iter_init_node 与 klist_iter_init
java·前端·javascript
cjinhuo19 分钟前
标签页、书签太多找不到?AI 分组 + 拼音模糊搜索,开源插件秒解切换难题!
前端·算法·开源
小章鱼学前端19 分钟前
小程序中使用 Iconfont 图标的优化指南
前端
一心只读圣贤书23 分钟前
解决jinkins的CI、CD使用非root执行sudo命令时无密码权限导致报错的问题
前端
携欢34 分钟前
POrtSwigger靶场之CSRF where token validation depends on token being present通关秘籍
前端·csrf
weixin_4462608535 分钟前
MudBlazor:轻松构建美观的Web应用程序!
前端
谜亚星40 分钟前
GSAP学习(五)
前端·动效