ant-design-vue/components/collapse/demo/noarrow.md

998 B

#### 隐藏箭头 你可以通过 `:showArrow="false"` 隐藏 `a-collapse-panel` 组件的箭头图标。 #### No arrow You can disable showing arrow icon by passing `:showArrow="false"` to `a-collapse-panel` component.
<template>
  <div>
    <a-collapse :defaultValue="'1'" @change="changeActivekey">
      <a-collapse-panel header="This is panel header with arrow icon" name="1">
        <p>{{text}}</p>
      </a-collapse-panel>
      <a-collapse-panel header="This is panel header with no arrow icon" name="2" :showArrow="false">
        <p>{{text}}</p>
      </a-collapse-panel>
    </a-collapse>
  </div>
</template>
<script>
  export default {
    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.`,
      }
    },
    methods: {
      changeActivekey (key) {
        console.log(key)
      },
    },
  }
</script>