2018-02-01 10:18:05 +00:00
< cn >
#### 隐藏箭头
你可以通过 `:showArrow="false"` 隐藏 `a-collapse-panel` 组件的箭头图标。
< / cn >
< us >
#### No arrow
You can disable showing arrow icon by passing `:showArrow="false"` to `a-collapse-panel` component.
< / us >
```html
< template >
< div >
2018-02-02 08:34:27 +00:00
< a-collapse defaultActiveKey = "1" @change =" changeActivekey " >
< a-collapse-panel header = "This is panel header with arrow icon" key = "1" >
2018-02-01 10:18:05 +00:00
< p > {{text}}< / p >
< / a-collapse-panel >
2018-02-02 08:34:27 +00:00
< a-collapse-panel header = "This is panel header with no arrow icon" key = "2" :showArrow = "false" >
2018-02-01 10:18:05 +00:00
< p > {{text}}< / p >
< / a-collapse-panel >
< / a-collapse >
< / div >
< / template >
< script >
export default {
2018-02-01 10:32:17 +00:00
data () {
return {
text: `A dog is a type of domesticated animal.Known for its loyalty and faithfulness,it can be found as a welcome guest in many households across the world.` ,
}
2018-02-01 10:18:05 +00:00
},
2018-02-01 10:32:17 +00:00
methods: {
changeActivekey (key) {
console.log(key)
},
},
}
2018-02-01 10:18:05 +00:00
< / script >
```