使用element-ui的 el-transfer中:render-content和slot-scope冲突
问题遇到的现象和发生背景
使用element-ui的 el-transfer 时,自定义了超长文本内容显示:render-content="renderFunc",随后想用 slot-scope 实现备选下拉的自定义和高亮。
发现使用了:render-content,便无法显示slot-scope 内的内容
用代码块功能插入代码,请勿粘贴截图
<el-transfer
filterable
:filter-method="filterMethodTransfer"
:props="{
key:'id',
label:'systemName'
:data="data"
v-model="handleList"
:button-texts="['退回', '选择']"
:titles="['未分配区', '选中区']"
:render-content="renderFunc"
<span slot-scope="{ option }">{{ option.id }} - {{ option.systemName }}</span>
</el-transfer>
//超长文本显示
renderFunc(h, option) {
return <span title={option.systemName}>{option.systemName}</span>;
运行结果及报错内容
无报错,只显示renderFunc的内容
我的解答思路和尝试过的方法
1、尝试将span标签更换为其他,也不行。
2、去除:render-content="renderFunc" 便可以显示 slot-scope的内容
我想要达到的结果
两者可以兼容
0
提建议
邀请回答
编辑
收藏
删除
收藏
举报
追加酬金
(90%的用户在追加酬金后获得了解决方案)
当前问题酬金
¥
0
(可追加 ¥500)
支付方式
扫码支付
加载中...
0
条回答
默认
最新
查看更多回答(-1条)
悬赏问题
-
¥15
如何爬取哔哩哔哩直播间实时贡献点
瞬间多次并发访问下,filter和struts2的action入口之间隔几分钟会卡一会,不知为何?
c语言有关链表的题,望指正代码的错误
Mysql触发器实现EXCEL汇总行列值
这些怎么弄啊 实在是不会啊
Tecplot流线问题
ubuntu20.04安装joern-tools报错
套娃游戏,给出它们的高度和长度,计算最少能嵌套几组套娃