vue使用ant design vue的collapse

在使用折叠面板的时候,应该是点击以后就会关闭一个面板,但是有的需要点击俩下,才可以展开,就是因为v-modal影响了这个
v-modal改成activeKey

<a-collapse accordion @change="changePanel" activeKey="activeKey">
data () {
	return {
		...
		activeKey: ['0'],
	}
}
changePanel(key) {
// 组件自带的key相当于下标,就是循环出来每一个折叠面板,第一个是1,第二个是2以此类推。
 this.changePanelKey = key;
 // 这儿用try catch是因为关闭这个折叠面板的时候获取不到这个contentCount 值,所以在不影响功能的情况下用的try catch
 try {
   if (this.examineContent[key].contentCount <= '1') {
     return
 } else {
     let id = this.examineContent[key].id
     getAction('/checkList/sisCkContent/list', { itemId: id }).then((res) => {
     this.changeData = res.result.records
   })
 }
 } catch (error) {
   // console.log(error)
 }
},
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 12
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

好苦呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值