mirror of
https://github.com/imdap/ruoyi-plus-vben5.git
synced 2026-05-08 11:21:27 +08:00
feat: 在表单标签中使用 VbenRenderContent 渲染帮助信息
This commit is contained in:
@@ -1,7 +1,11 @@
|
||||
<script setup lang="ts">
|
||||
import type { CustomRenderType } from '../types';
|
||||
|
||||
import { FormLabel, VbenHelpTooltip } from '@vben-core/shadcn-ui';
|
||||
import {
|
||||
FormLabel,
|
||||
VbenHelpTooltip,
|
||||
VbenRenderContent,
|
||||
} from '@vben-core/shadcn-ui';
|
||||
import { cn } from '@vben-core/shared/utils';
|
||||
|
||||
interface Props {
|
||||
@@ -20,11 +24,7 @@ const props = defineProps<Props>();
|
||||
<span v-if="required" class="mr-0.5 text-destructive">*</span>
|
||||
<slot></slot>
|
||||
<VbenHelpTooltip v-if="help" trigger-class="size-3.5 ml-1">
|
||||
<!-- 可通过\n换行 -->
|
||||
<span class="whitespace-pre-line">
|
||||
{{ help }}
|
||||
</span>
|
||||
<!-- <VbenRenderContent :content="help" /> -->
|
||||
<VbenRenderContent :content="help" render-br />
|
||||
</VbenHelpTooltip>
|
||||
<slot name="extra"></slot>
|
||||
<span v-if="colon && label" class="ml-0.5">:</span>
|
||||
|
||||
Reference in New Issue
Block a user