【如上图所示】:自定义增加星号样式
【思路】: 通过插槽实现
【代码】:通过vue的插槽实现自定义样式
<n-form-item-gi label="提示函正文" path="fileList" :span="12"><template #label><div>提示函正文<span class="text-[red]">*</span></div></template></n-form-item-gi>
其他通过rules的校验规则如下:
<n-formref="addFormRef":model="state.add":rules="addFormRules"label-placement="top"require-mark-placement="right"
><n-form-item-gi label="XXX" path="demo" :span="12"></n-form-item-gi>
</ n-form>// js语法const addFormRules = ref<FormRules>({demo: {required: true,message: '请输入XXX',trigger: ['input', 'blur'],},
})