如何为vue-网格布局添加网格项的单击事件？
如何为vue-网格布局添加网格项的单击事件？
提问于 2022-02-24 08:56:11
我正在使用vue-网格布局包-https://jbaysolutions.github.io/vue-grid-layout/guide/#npm，并试图为网格项添加一个单击事件。但是，它似乎不起作用。如何实现网格项的单击事件？
<grid-layout
ref="gridlayout"
style="height:1000px"
:layout.sync="layout"
:col-num="12"
:row-height="30"
:is-draggable="true"
:is-resizable="true"
:responsive="true"
:vertical-compact="true"
:use-css-transforms="true"
:preventCollision="true"
:verticalCompact="false"
>
<grid-item
:key="item.i"
v-for="item in layout"
:x="item.x"
:y="item.y"
:w="item.w"
:h="item.h"
:i="item.i"
@click="widgetClicked(item)"
>
<GridComponent :grid_item="item" />
<span class="content"></span>
</grid-item>
</grid-layout>回答 1
Stack Overflow用户
回答已采纳
发布于 2022-02-24 17:48:42
基本上，vue-grid-layout中的网格项不支持@click或@mousedown事件。根据贡献者的说法，你必须自己实现它，增加一个div。我把github问题联系起来供你参考。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71249397
复制相关文章
相似问题
腾讯云开发者
