添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
mengqudoh 2022-12-06 14:42
浏览 27
已结题

使用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条)

    报告相同问题?

    问题事件

    • 系统已结题 12月14日
    • 创建了问题 12月6日

    悬赏问题

    • ¥15 如何爬取哔哩哔哩直播间实时贡献点 瞬间多次并发访问下,filter和struts2的action入口之间隔几分钟会卡一会,不知为何? c语言有关链表的题,望指正代码的错误 Mysql触发器实现EXCEL汇总行列值 这些怎么弄啊 实在是不会啊 Tecplot流线问题 ubuntu20.04安装joern-tools报错 套娃游戏,给出它们的高度和长度,计算最少能嵌套几组套娃