vue表格n-form中自定义增加必填星号的实现代码
更新时间：2024年12月18日 12:06:48 作者：番茄小酱001
这篇文章主要介绍了vue表格n-form中自定义增加必填星号,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
【如上图所示】：自定义增加星号样式
【思路】： 通过插槽实现
【代码】：通过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-form
ref="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'],
},
})到此这篇关于vue表格n-form中自定义增加必填星号的文章就介绍到这了,更多相关vue表格n-form必填星号内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
今天小编就为大家分享一篇vue2.x 通过后端接口代理,获取qq音乐api的数据示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果，Vue 提供了内置的过渡封装组件transition，该组件用于包裹要实现过渡效果的组件2021-10-10
在前端开发中,表单是非常常见的交互元素,然而,当表单的结构和字段需要根据不同的业务场景动态变化时,手动编写每个表单的代码会变得非常繁琐,所以我们可以使用Vue实现一个动态表单生成器,本文将详细介绍实现动态表单生成器的原理,需要的朋友可以参考下2025-04-04
这篇文章主要为大家详细介绍了vue图片裁剪插件vue-cropper使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
vue前端重构computed及watch组件通信等实用技巧整理
这篇文章主要为大家介绍了vue前端重构computed及watch组件通信等实用技巧整理，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-05-05
这篇文章主要介绍了vue实现绑定事件的方法实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了解决vue一个页面中复用同一个echarts组件的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
provide和inject可以实现嵌套组件之间进行传递数据,这两个函数都是在setup函数中使用的,下面这篇文章主要给大家介绍了关于Vue3学习笔记之依赖注入Provide / Inject的相关资料,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了在vant 中使用cell组件 定义图标该图片和位置操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
elementui Select选择器嵌套tree实现TreeSelect方式
这篇文章主要介绍了elementui Select选择器嵌套tree实现TreeSelect方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
最新评论