layui/example/docs/zh-CN/components/transfer.md

::: anchor :::

::: title 基础使用 :::

::: demo 使用 lay-transfer 标签, 创建穿梭框

<script> import { ref } from 'vue' export default { setup() { const dataSource1 = [{id:'1', title:'易大师'},{id:'2', title:'战争之王'}] return { dataSource1 } } } </script>

:::

::: title 指定标题 :::

::: demo

<script> import { ref } from 'vue' export default { setup() { const dataSource2 = [{id:'1', title:'易大师'},{id:'2', title:'战争之王'}] const title = ['我喜欢的','我不喜欢的'] return { dataSource2, title } } } </script>

:::

::: title 使用插槽 :::

::: demo

{{data.id}} <script> import { ref } from 'vue' export default { setup() { const dataSource1 = [{id:'1', title:'易大师'},{id:'2', title:'战争之王'}] return { dataSource1 } } } </script>

:::

::: title Transfer 属性 :::

::: table

Name	Description	Accepted Values
dataSource	数据来源	--
title	标题	--
id	主键	--

:::

::: title Transfer 插槽 :::

::: table

Name	Description	Accepted Values
item	列表项	{ data }

:::

::: comment :::

::: previousNext transfer :::