记录二:DateV的点击事件

473 阅读1分钟

最近在对老项目进行功能升级,遇到一个问题是对DataV的轮播图组件添加点击事件。 当时的我还是太青涩,以为跟之前写数据一样,直接在数组数据中的每一项写

3950467983cc0694f9044f583546eff.png 第一次手动给了div上添加事件,但毕竟是错误的方法,出现了问题,如下:

4bad0864ce3737e72091eb137ff25a8.png

添加了一个div外层后,直接将我的数据缩短,且在数据前面多了一个空位。 这可不是我想要的效果。

其实这时最应该的,是去看官网,而不是自己瞎想。果然,我在官网找到了它的使用方法

微信截图_20210930153723.png

当点击单元格是,轮播表会抛出一个click事件,下面的是点击事件的数据属性 点击事件@click=“eventChanges()”这么写不会触发事件

微信截图_20210930154322.png

然后在value中获取想要的数据属性

image.png