
一、点击按钮1()的时候 ,button1和button2按钮就隐藏了 button3就显示了。v-for你们自己看着在哪里加哈
<view class="btn">
<button v-show="item.show" class="btn1" @click="btn(item,index)">{
{item.button1}}</button>
<button v-show="item.show" class="btn2" @click="tck(index)">{
{item.button2}}</button>
<button v-show="!item.show" class="btn3">{
{item.button3}}</button>
</view>
二。在data循环的内容
export default {
data() {
return {
items: [
// 如果在这里定义show为true,那么不仅点击当前按钮会发生变化。其他循环出来的按钮也会收
// 到变化,

本文介绍如何在uni-app中使用v-show指令,确保点击按钮时只改变当前按钮的状态,不影响其他循环出来的按钮。通过在data中定义每个按钮的显示状态,并在methods中处理点击事件来切换状态。
最低0.47元/天 解锁文章
6121

被折叠的 条评论
为什么被折叠?



