美文网首页
a-collapse的默认展开

a-collapse的默认展开

作者: 老板下碗面 | 来源:发表于2021-04-30 11:41 被阅读0次
    <a-collapse v-model="activeKey"
                                    v-for="(item, index) in form.processPriorityList"
                                    :key="index"
                                    :name="index"
                                    accordion>
                            <a-collapse-panel :key="index + 1"
                                              :header="'优先级: ' + (index + 1)">
           </a-collapse-panel>
                        </a-collapse>
    

    之前如上这么写一直不行
    文档中activeKey(v-model) 当前激活 tab 面板的 key string[]|string
    在data中定义 activeKey: ['1'],也无效

    在网上找到 @水煮香蕉 的办法一下就好了
    a-collapse-panel中的:key="String(index + 1) 要string一下

    <a-collapse v-model="activeKey"
                                    v-for="(item, index) in form.processPriorityList"
                                    :key="index"
                                    :name="index"
                                    accordion>
                            <a-collapse-panel :key="String(index + 1)"
                                              :header="'优先级: ' + (index + 1)">
           </a-collapse-panel>
                        </a-collapse>
    

    相关文章

      网友评论

          本文标题:a-collapse的默认展开

          本文链接:https://www.haomeiwen.com/subject/fljnrltx.html