ant-design-vue-pro icon indicating copy to clipboard operation
ant-design-vue-pro copied to clipboard

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

Open chf-gh opened this issue 3 years ago • 0 comments

🐛 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

我把master分支代码clone下来后在workplace页面添加上面代码测试问题依然存在 有没有其他人遇到过??

chf-gh avatar Dec 11 '21 08:12 chf-gh