nvue点击空白处触发事件方法,以及uni-swipe-action-item扩展组件的一些问题

462 阅读1分钟

nvue点击空白处触发事件

本想着用vue自带的@click.stop阻止冒泡,发现失效,一番查阅资料后发现nvue不支持stop标识,需获取$event事件对象,点出stopPropagation方法

querybs(e,$event){
    //#ifdef APP-NVUE
    $event.stopPropagation()
    //#endif
}

中间还发生了小插曲,发现了前代码是将querybs作为变量监听,然后进行一系列操作,导致我获取不到$event对象。后来发现querybs并未涉及监听操作,放在methods中即可。

uni-swipe-action-item扩展组件问题

项目中用到了此滑动组件,原需求类似于切换选项卡,更新列表,每一个列表项自带一个有右滑动操作列。但是不同的列表滑动操作的option的array长度不同,切换时本该隐藏的操作列的第一项会撑出屏幕。

微信图片_20211220170330(1).png 后发现源码中并未给操作列固定宽度,而是任由其撑开,最终我尝试修改源码为固定宽度解决。