uniapp点击选中更改背景色,第二次点击直接跳转
直接上代码
<view id="index0" v-for="(item, index) in value.list" :key="index" class="text-item" style="background-color: #fee3b3" :style="{ width: 'calc(100% / ' + value.showType + ')',background:seltitle==item.link?'#fee3b3':''}" @click="redirectTo(item.link)"> <view class="text-item-img" v-if="value.selectedTemplate == 'imageNavigation' && item.imageUrl"> <image v-if="Number(item.imgWidth) >= Number(item.imgHeight)" :src="$util.img(item.imageUrl)" style="width: 70rpx;" mode="widthFix"></image> <image v-else :src="$util.img(item.imageUrl)" :style="{ width: (Number(item.imgWidth) / Number(item.imgHeight)) * 70 + 'rpx' }" style="height: 70rpx;"></image> </view>
retuen
data() { return { pageWidth: '', seltitle:'' }; },
方法
methods: { redirectTo(link) { if(this.seltitle == link){ this.$util.diyRedirectTo(link); } this.seltitle=link; if (this.siteId) { link.site_id = this.siteId; } //this.$util.diyRedirectTo(link); }, }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?