arco-design / arco-design-vue

A Vue.js 3 UI Library based on Arco Design
https://arco.design/vue
MIT License
2.59k stars 500 forks source link

Mention组件绑定回车事件后在@选择数据时会触发回车事件 #3169

Open HappyColour opened 4 weeks ago

HappyColour commented 4 weeks ago

Basic Info

What is expected?

<a-mention type="textarea" @keydown.enter="send">,希望在@选择数据回车的时候阻止keydown.enter的send事件

HappyColour commented 4 weeks ago

出现问题的核心代码如下:

<a-mention type="textarea" v-model="msg" :data="data" @keydown.enter="send">
      <template #option="{ data }">
          <a-list class="send-mention" :max-height="240" scrollbar>
              <a-list-item>
                  <a-list-item-meta :title="title" :description="tagline">
                      <template #avatar>
                          <a-avatar>
                              <img alt="avatar" :src="avatar" />
                          </a-avatar>
                      </template>
                  </a-list-item-meta>
              </a-list-item>
          </a-list>
      </template>
  </a-mention>