216 Star 14.4K Fork 656

卓源软件/JeeSite Vue3

求教大佬,Form表单组件,是否有label的自定义插槽?

已完成
创建于  
2023-06-13 18:12

是什么问题、该问题是怎么引起的?

  1. 起因是一个需求:将label的helpMessage从tooltip改为一个modal,以期显示富文本内容作为提示。
  2. 想请问如何覆写helpMessage,或者将label覆写,以满足需求?我尝试使用了renderComponentContent不成功,而自定义组件似乎又无法对label组件进行定义,希望大佬赐教。

重现步骤、期望结果、截图、代码

  1. 一开始参考了官方文档,抱着尝试态度,采用renderComponentContent来重写helpMessage,期望可以替代原本tooltip图标:
    官方文档:
renderComponentContent: () => {
        return {
          suffix: () => 'suffix',
        };

我的写法(已经尝试无效,所以代码不完备):

renderComponentContent: () => {
        return {
          helpMessage: () => {
            return h(Icon, {
              icon: ...
              onclick: .....
              ...
            });
          },
        };
  1. 使用了自定义组件写法,图标占用了表单控件位置,效果不符合预期,略

评论 (1)

Jaeson Wong 创建了任务 2年前

代码里搜索这个方法 renderLabelHelpMessage 使用的 BasicHelp 组件

卓源软件 任务状态待办的 修改为已完成 9个月前

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(2)
6732 thinkgem 1651893329 Jaeson Wong-gengengengengen
TypeScript
1
https://gitee.com/thinkgem/jeesite-vue.git
git@gitee.com:thinkgem/jeesite-vue.git
thinkgem
jeesite-vue
JeeSite Vue3

搜索帮助