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 >
2019-10-09 10:32:23 +00:00
```tpl
2018-02-01 10:18:05 +00:00
< 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 {
2019-09-28 12:45:07 +00:00
data() {
2018-02-01 10:32:17 +00:00
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.` ,
2019-09-28 12:45:07 +00:00
};
2018-02-01 10:18:05 +00:00
},
2018-02-01 10:32:17 +00:00
methods: {
2019-09-28 12:45:07 +00:00
changeActivekey(key) {
console.log(key);
2018-02-01 10:32:17 +00:00
},
},
2019-09-28 12:45:07 +00:00
};
2018-02-01 10:18:05 +00:00
< / script >
```