Transfer 穿梭框

基础展示：

前端学习清单

0/0

无数据

已学习

0/0

无数据

<lee-transfer v-model="value" :list="list" title1="前端学习清单" title2="已学习"></lee-transfer>

<script>
    export default {
        data() {
              return {
                list: [
                {
                    key:1,
                    label:'Html5'
                },
                {
                    key:2,
                    label:'Css3'
                },
                {
                    key:3,
                    label:'Javascript'
                },
                {
                    key:4,
                    label:'Vue'
                },
                {
                    key:5,
                    label:'React'
                }
                ],
                value: [3,5]
              }
          }
    }
</script>

显示代码

可搜索：

正在上映

0/0

无数据

即将上映

0/0

无数据

<lee-transfer v-model="value" :list="list" title1="前端学习清单" title2="已学习"filterable></lee-transfer>

<script>
    export default {
        data() {
              return {
                list: [
                {
                    key:1,
                    label:'Html5'
                },
                {
                    key:2,
                    label:'Css3'
                },
                {
                    key:3,
                    label:'Javascript'
                },
                {
                    key:4,
                    label:'Vue'
                },
                {
                    key:5,
                    label:'React'
                }
                ],
                value: [3,5]
              }
          }
    }
</script>

显示代码

属性

参数	说明	类型	可选值	默认值
list	数据	Array	--	--
value	选到右边数据序号	Array	--	--
title1	左边项目标题	String	--	--
title2	右边项目标题	String	--	--
filterable	是否可搜索	Boolean	true,false	false