uni-xiudoyou/src

select-tree �������ζ�ѡ���

�������ζ�ѡ������������select-tree

���Ԥ��

ʹ�÷�ʽ��

�� script ��������� (Ĭ�Ͽ��Բ���selectList,Ĭ���й���Ԥ��������)

���°潫:selectList = 'selectList' ����Ϊ v-model='selectList'

import selectTree from "@/components/select-tree/select-tree"
export default {
    components: {selectTree}
}

һ���÷�

// ���
  <select-tree @choose='choose' v-model='selectList' ref='selectTree'></select-tree>
// script
<script>
import selectTree from "@/components/select-tree/select-tree"
 export default {
        components: {
            selectTree,
        },
		  data() {
            return {
                selectList:  [
                    {
                        name: 'ˮ��',
                        checked: false,
                        show: false,
                        childrenList: [
                            {
                                checked: false,
                                name: '����',
                            }, {
                                checked: false,
                                name: '����'
                            }
                        ]
                    },
                    {
                        name: '����',
                        checked: false,
                        show: false,
                        childrenList: [
                            {
                                checked: false,
                                name: '��ͷ'
                            }, {
                                checked: false,
                                name: '����'
                            }
                        ]

                    }
                ]
            }
        },
        methods: {
            choose(e){
                console.log(e)
				//���ز���˵��
            },
			chooseAll(){
				this.$refs.selectTree.chooseAll()
			},
			cancelAll(){
				this.$refs.selectTree.cancelAll()
			}
        },
    }
</script>

options ����˵��

����	����	�Ƿ����	˵��
selectList	Array	��	���������
showCheck	Boolean	��	���ƶ�ѡ���Ƿ���ʾ
disableLv2Check	Boolean	��	���ƶ�����ѡ��disabled

�¼�˵����

�¼�����	˵��	���ز���
choose	���ѡ�ťʱ�����¼�	[lv1_value: { ...item }, lv2_value: { ...item2 }]

**����ڲ�����: ** |��������|˵��|���ز���| |:--|:---|:--| |chooseAll|����ѡ��������ҳ�����в㼶|��| |cancelAll|����ȡ��������ҳ�����в㼶|��|

����Ļ�������˵��

selectList:[
  {
    name: 'ˮ��',//һ�����ε�����
    checked: false,//һ�����θ�ѡ���Ƿ�ѡ��
    show: false,//�����˵��Ƿ�չʾ
    childrenList: [
        {
          checked: false,//�������θ�ѡ���Ƿ�ѡ��
       	  name: '����',//�����������
        }, {
          checked: false,
          name: '����'
        }
    ]
   }]

���ز���Ԥ��

�޸����� http://dlhtx.zicp.vip:9090/#/blogDetail?blogId=12438