更新记录
1.0.1(2023-09-15)
下载此版本
改动说明
1.0.0(2023-07-03)
下载此版本
初始版本
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
pc-tree 插件使用说明
特别说明
长按选中进行移动元素时,使用uni.vibrateShort震动一次,该效果只对安卓机有效。
参数说明
参数 |
类型 |
必填 |
说明 |
默认值 |
data |
Array |
是 |
用于显示的数据,应为对象数组 |
- |
label |
String |
否 |
需要显示的名称或标题内容 |
name |
node |
String |
否 |
代表子级或下一级的对象数组的键名 |
list |
scoped |
Boolean |
否 |
初次渲染或刷新时是否默认全部展开 |
false |
move |
Boolean |
否 |
是否开启移动元素功能 |
true |
color |
String |
否 |
长按移动元素时,选项被选中时呈现的颜色 |
#67C23A |
方法说明
方法名称 |
说明 |
返回值类型 |
finallist |
元素移动成功后返回的新的数据 |
Array |
使用示例
<template>
<view>
<pc-tree :data="data" @finallist="finallist"/>
</view>
</template>
<script>
export default {
data(){
return{
data:[{name:'第一项',list:[{name:'第二项',list:[{name:'第三项'}]}]},{name:'第四项',list:[{name:'第五项',list:[{name:'第六项'}]}]}]
}
},
methods:{
finallist(list){
// 移动子项目后返回的新数据
console.log(list)
}
}
}
</script>