1***@189.cn
1***@189.cn
  • 发布:2024-01-29 09:37
  • 更新:2024-01-29 11:51
  • 阅读:724

uni-collapse 用v-model控制面板是否展开,手动更改状态,面板展开状态不变

分类:uni-app
2024-01-29 09:37 负责人:无 分享
已邀请:
HRK_01

HRK_01

我这边测试没问题,请注意,v-model传入的是array数组,我提供一下示例代码供你参考

  <uni-collapse ref="collapse" v-model="value" @change="change">  
                <uni-collapse-item title="默认开启">  
                    <view class="content">  
                        <text class="text">{{content}}</text>  
                    </view>  
                </uni-collapse-item>  
                <uni-collapse-item title="折叠内容">  
                    <view class="content">  
                        <text class="text">折叠内容主体,这是一段比较长内容。默认折叠主要内容,只显示当前项标题。点击标题展开,才能看到这段文字。再次点击标题,折叠内容。</text>  
                    </view>  
                </uni-collapse-item>  
                <uni-collapse-item title="禁用状态" disabled>  
                    <view class="content">  
                        <text class="text">禁用状态内容主体,页面上是看不到这段话的。</text>  
                    </view>  
                </uni-collapse-item>  
            </uni-collapse>
data() {  
            return {  
                value: ['0'],  
            }  
        },  
        onLoad() {  
            setTimeout(() => {  
                this.value = ['1'];  
            }, 1000)  
        },
HRK_01

HRK_01

后续若还遇到该问题,请在此贴回复并提供更多上下文信息

  • 阿喆

    两个折叠面板使用了accordion手风琴模式 ,v-model绑定的是同一个变量,每个折叠面板设置不同的name值 ,想要是效果是点击面板B的时候将面板A的收起

    2025-05-30 14:33

要回复问题请先登录注册