更新记录

2.0.3（2023-07-10）

• 文档更新

2.0.2（2023-05-15）

• 修复visible在数据初始化时配置有时失效问题

2.0.1（2023-05-11）

• 修复父元素下某个子元素设置隐藏时，父子联动状态异常问题
• 对性能以及代码体积做了进一步优化

平台兼容性

custom-tree-popup 使用指南

提示： 使用该插件前确保你已经导入 uni-popup uni-icons uni-easyinput 插件。

该插件不支持回显数据，需要回显请使用 custom-tree-select 。

如果在微信小程序中使用,2023/05/04 之前安装插件或者本地插件版本 <=1.5.5 需要添加，在 main.js 文件中添加以下代码

// #ifdef MP-WEIXIN
Vue.prototype.$bus = new Vue()
// #endif

有问题可以加 QQ 群：297080738（已满），新群：460688316

优势

💪：基于 uni-popup uni-icons uni-easyinput插件进行开发，默认样式与 uni-easyinput 样式对标。

⚡：全面支持懒加载。

⚙ ：提供更多配置项。

📦：开箱即用。

Props

Events

基础使用示例

<template>
  <!--/pages/index/index-->
  <button @click="$refs.treePopup.open()">打开弹窗</button>
  <custom-tree-popup ref="treePopup" :listData="listData" @done="done" />
</template>

<script>
export default {
  data() {
    return {
      listData: [
        {
          id: 1,
          name: '城市1',
          children: [
            {
              id: 3,
              name: '街道1',
              children: [
                {
                  id: 4,
                  name: '小区1'
                },
                {
                  id: 5,
                  name: '小区2'
                }
              ]
            }
          ]
        },
        {
          id: 2,
          name: '城市2',
          children: [
            {
              id: 6,
              name: '街道2'
            }
          ]
        },
        {
          id: 7,
          name: '城市3',
          children: [
            {
              id: 8,
              name: '街道1'
            },
            {
              id: 9,
              name: '街道2'
            },
            {
              id: 10,
              name: '街道10'
            }
          ]
        }
      ]
    }
  },
  methods: {
    done(data) {
      console.log(data)
    }
  }
}
</script>