vue使用ant design vue的collapse
在使用折叠面板的时候,应该是点击以后就会关闭一个面板,但是有的需要点击俩下,才可以展开,就是因为v-modal影响了这个v-modal改成activeKey<a-collapse accordion @change="changePanel" activeKey="activeKey">data () {return {...activeKey: ['0'],}}changePanel
·
在使用折叠面板的时候,应该是点击以后就会关闭一个面板,但是有的需要点击俩下,才可以展开,就是因为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)
}
},
更多推荐
已为社区贡献15条内容
所有评论(0)