vue element Transfer 穿梭框 自定义数

1.Transfer 穿梭框自定义数据时有两种方式:

(1)使用“render-content 函数”方式

(2)使用“ slot-scope="{ option }"方式


使用render-content 函数:
首先设置函数:
在这里插入图片描述
然后调用:
在这里插入图片描述
最后在上面函数中写自己想要的格式就好。


使用slot-scope="{ option }" 方式

直接添加自定义:
在这里插入图片描述


备注:要注意一定要加上key 值,部分会报错!!!!在没有key,但有和key 一样的唯一标识值时,使用:props 替换!!!!
在这里插入图片描述

posted @ 2022-12-06 22:20  轻风细雨_林木木  阅读(4)  评论(0编辑  收藏  举报