微信小程序左滑删除(Slideview)

WEUI: https://wechat-miniprogram.github.io/weui/docs/slideview.html

小程序tree左滑编辑：在这里插入图片描述

json

{
  "component": true,
  "usingComponents": {
    "mp-slideview": "weui-miniprogram/slideview/slideview"
  }
}
1
2
3
4
5
6

wxml

 <mp-slideview buttons="{{[{text: '编辑',  data: item, extClass: 'my-slideview'}]}}" bindbuttontap="slideButtonTap" disable="{{item.isTop}}"> 
 	12323
 </mp-slideview>
1
2
3

属性列表

属性	类型	默认值	必填	说明
ext-class	string		否	添加在组件内部结构的class，可用于修改组件内部的样式
disable	boolean	false	否	是否禁用slideview
buttons	array	[]	是	左滑的按钮组，建议最多3个按钮
icon	boolean	false	否	按钮是否是icon
show	boolean		否	是否显示slideview，可以控制隐藏显示
duration	boolean	350	否	slideview显示隐藏的动画的时长
throttle	number	40	否	手指移动距离超过该值的时候，触发slideview的显示隐藏
bindbuttontap	eventhandler		否	buttons按钮组点击时触发的事件，detail为{index, data}，data是按钮的配置项传入的data参数
bindhide	eventhandler		否	隐藏时触发的事件
bindshow	eventhandler		否	显示时触发的事件

buttons提供按钮组配置，每一项表示一个按钮，每一项的属性为

属性	类型	默认值	必填	说明
extClass	string		否	按钮的额外的class，可用于修改组件内部的样式
type	string	default	否	按钮的类型，取值default和warn，warn是红色按钮
text	string		否	按钮的文本
src	string		否	如果icon为true，此属性有效
data	any		否	触发bindbuttontap回传的数据

相关阅读:
别说你不会网络请求了，6000字入门Axios框架
图论与宽搜——图中点的层次
web网页设计期末课程大作业——汉中印象旅游景点介绍网页设计与实现19页面HTML+CSS+JavaScript
MySQL数据库单表查询
2024年天津中德应用技术大学专升本飞行器制造工程专业考试大纲
【2023年11月第四版教材】第16章《采购管理》（第二部分）
sed命令
python之Flask入门
常见的数据结构有哪些？
MyBatis开发的详细步骤

原文地址：https://blog.csdn.net/weixin_46034375/article/details/126030036