当前位置: 首页> 教育> 锐评 > 网络工程师证书报名_东莞排名优化团队_天津百度推广代理商_bt磁力在线种子搜索神器下载

网络工程师证书报名_东莞排名优化团队_天津百度推广代理商_bt磁力在线种子搜索神器下载

时间:2025/7/13 12:07:41来源:https://blog.csdn.net/XunLin233/article/details/144977713 浏览次数:0次
网络工程师证书报名_东莞排名优化团队_天津百度推广代理商_bt磁力在线种子搜索神器下载

v-bind指令作用就是响应式改变标签中的属性值,格式如下:

<标签名 v-bind:属性名="属性值">...</标签名>

v-bind可以简写为一个冒号,即如下形式:

<标签名 :属性名="属性值">...</标签名>

 简单使用v-bind来实现一下图片的切换:

提前在static下放上3张图片

我们只需要在Image标签中让src的属性值按照响应式变量的值进行变化即可

 

实现切换就需要准备一个路径数组,使用定时器每隔一秒切换一次图片

<template><image :src="current" mode="aspectFit"></image>
</template><script setup>import {ref} from 'vue';let arr = ref(["../../static/pic1.jpg","../../static/pic2.jpg","../../static/pic3.jpg",])let current = ref("../../static/pic1.jpg");let i = 0;setInterval(() => {i++;current.value = arr.value[i % 3];}, 1000);
</script>
关键字:网络工程师证书报名_东莞排名优化团队_天津百度推广代理商_bt磁力在线种子搜索神器下载

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: