search

vueComponent / pro-components

easy use `Ant Design Vue` layout
MIT License
535 stars 214 forks source link

a-descriptions组件内点击事件触发时乱序 #180

Closed chf-gh closed 2 years ago

chf-gh commented 2 years ago

🐛 Bug 描述 Bug description

这是我的代码

    <a-descriptions bordered class="mt-4" :column="{ xxl: 3, xl: 2, lg: 1, md: 1, sm: 1, xs: 1 }">
      <a-descriptions-item label="第1">
        <a-icon type="setting" class="ml-2" @click="$message.warn(1)"></a-icon>
      </a-descriptions-item>
      <a-descriptions-item label="第2">
        <a-icon type="setting" class="ml-2" @click="$message.warn(2)"></a-icon>
      </a-descriptions-item>
      <a-descriptions-item label="第3">
        <a-icon type="setting" class="ml-2" @click="$message.warn(3)"></a-icon>
      </a-descriptions-item>
      <a-descriptions-item label="第4">
        <a-icon type="setting" class="ml-2" @click="$message.warn(4)"></a-icon>
      </a-descriptions-item>
      <a-descriptions-item label="第5">
        <a-icon type="setting" class="ml-2" @click="$message.warn(5)"></a-icon>
      </a-descriptions-item>
      <a-descriptions-item label="第6">
        <a-icon type="setting" class="ml-2" @click="$message.warn(6)"></a-icon>
      </a-descriptions-item>
    </a-descriptions>

我期望点击每个对应图表时能弹出对应的提示，在大窗口模式下没有问题，能正常运行。但是窗口缩小后descriptions组件自动转为2列时，组件内的事件触发就乱了，我点击了第二个但是提示的是第四个事件。 这个是大窗口下正常的运行 ok

这个是小窗口下事件触发错误 wrong

sendya commented 2 years ago

组件库组件 的问题请直接到 https://github.com/vueComponent/ant-design-vue 反馈并提供在线复现。 本仓库仅记录和处理 Pro Layout 相关问题