mengqudoh 2022-12-06 06:42
浏览 51
已结题

使用element-ui的 el-transfer中:render-content和slot-scope冲突

问题遇到的现象和发生背景

使用element-ui的 el-transfer 时,自定义了超长文本内容显示:render-content="renderFunc",随后想用 slot-scope 实现备选下拉的自定义和高亮。
发现使用了:render-content,便无法显示slot-scope 内的内容

用代码块功能插入代码,请勿粘贴截图
  1. <el-transfer
  2. filterable
  3. :filter-method="filterMethodTransfer"
  4. :props="{
  5. key:'id',
  6. label:'systemName'
  7. }"
  8. :data="data"
  9. v-model="handleList"
  10. :button-texts="['退回', '选择']"
  11. :titles="['未分配区', '选中区']"
  12. :render-content="renderFunc"
  13. >
  14. <span slot-scope="{ option }">{{ option.id }} - {{ option.systemName }}</span>
  15. </el-transfer>
  16. //超长文本显示
  17. renderFunc(h, option) {
  18. return <span title={option.systemName}>{option.systemName}</span>;
  19. },
运行结果及报错内容

无报错,只显示renderFunc的内容

我的解答思路和尝试过的方法

1、尝试将span标签更换为其他,也不行。
2、去除:render-content="renderFunc" 便可以显示 slot-scope的内容

我想要达到的结果

两者可以兼容

  • 写回答

0条回答 默认 最新

      编辑
      预览

      报告相同问题?

      问题事件

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

      悬赏问题

      • ¥15 centos7.6进不去系统,卡在数字7界面
      • ¥15 Tensorflow采用interpreter.allocate_tensors()分配内存出现ValueError: vector too long报错
      • ¥15 使用CGenFF在线生成血红素辅基拓扑结构遇到问题
      • ¥15 在fragment使用okhttp同步上传文件,能不能在fragment销毁后还可以继续上传文件?
      • ¥20 matlab代码实现可达矩阵形成骨骼矩阵
      • ¥15 关于地板的木纹和图库中的匹配的
      • ¥30 机器学习预测疾病模型流程疑问
      • ¥50 2048Python实现
      • ¥15 使用ads进行低噪放仿真没有结果且不报错
      • ¥15 关于#python#的问题:有偿求一个千寻框架找书机器人插件
      手机看
      程序员都在用的中文IT技术交流社区

      程序员都在用的中文IT技术交流社区

      专业的中文 IT 技术社区,与千万技术人共成长

      专业的中文 IT 技术社区,与千万技术人共成长

      关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

      关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

      客服 返回
      顶部