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)
 }
},

你可能感兴趣的:(vue,ant-design-vue,vue,vue.js,javascript,es6)