vue-seamless-scroll遇到一些问题

PrinceSuper

已于 2022-07-12 11:51:21 修改

阅读量1.4k

点赞数 1

分类专栏： vue 文章标签： vue.js

于 2022-07-12 11:36:16 首次发布

本文链接：https://blog.youkuaiyun.com/PrinceSuper/article/details/125739801

版权

本文介绍了在使用vue-seamless-scroll组件时遇到的点击事件不触发和DOM更新导致的问题。通过事件委托解决了点击事件问题，同时提出在Modal上使用v-if来避免DOM异常。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue-seamless-scroll点击事件不触发解决办法

使用事件委托来解决，代码如下：

<template>

<div class="container">

<div class="title">

<div class="title-left">越限预警</div>

</div>

<div class="box seamless-warp-item" @click="itemClick">

<vue-seamless-scroll :data="listData" :class-option="defaultOption">



<div v-for="(item, index) in listData" :key="index" class="ul-scoll">

<a-row>

<a-col :span="17">

<div class="scoll-left">

<span>{ { index + 1 }}</span>

<s