2025-01-16 14:47阅读: 17评论: 0推荐: 0

【VUE】ant design vue form label add icon

目标:在AntDesignVue的From组件中,为label添加icon图标

实现:插槽

       <AFormModelItem  prop="attachment" class="form-layout__item-col1 has-gap">
          <template #label>
            <ATooltip placement="top">
              附件
              <template #title>
                <span>提示文本</span>
              </template>
              <AIcon type="question-circle" style="margin-left: 5px;" />
            </ATooltip>
          </template>
          <JUpload v-model="model.attachment" :disabled="!isEdit" :allow-multiple='true'/>
        </AFormModelItem>
posted @   萌狼蓝天  阅读(17)  评论(0编辑  收藏  举报
历史上的今天:
2024-01-16 【Vue】vite+vue3 如何实现点击进入详情页/文章页
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
展开