Estoy tratando de usar el componente Clusterize.js para mostrar una gran cantidad de datos en mi aplicación vue. Sin embargo, muestra el conjunto de datos perfectamente, mientras que el elemento agrupar contiene un botón u otra cosa que contiene un evento de clic, no funciona. Entiendo que este componente requiere una moda de evento de clic especial (descrito en las preguntas frecuentes de los documentos), pero no puedo encontrar una manera de usarlo con datos dinámicos en la aplicación vue.

Aquí está el ejemplo de código

 <div id="scrollArea" class="clusterize-scroll" style="height: 300px; overflow: auto" > <div id="contentArea" class="clusterize-content"> <div v-for="item in dataSet" :key="item"> <button @click="onClick(item)" data-action="onClick"> button {{ item }} </button> </div> </div> </div> <script> mounted() { new Clusterize({ scrollId: "scrollArea", contentId: "contentArea", }); }, </script>

Enlace de la caja de arena: https://codesandbox.io/s/eloquent-tereshkova-wisf1?file=/src/App.vue