vue表格n-form中自定義增加必填星號的實現(xiàn)代碼
更新時間：2024年12月18日 12:06:48 作者：番茄小醬001
這篇文章主要介紹了vue表格n-form中自定義增加必填星號,本文通過實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
【如上圖所示】：自定義增加星號樣式
【思路】： 通過插槽實現(xiàn)
【代碼】：通過vue的插槽實現(xiàn)自定義樣式
<n-form-item-gi label="提示函正文" path="fileList" :span="12">
<template #label>
<div>
提示函正文
<span class="text-[red]">*</span>
</div>
</template>
</n-form-item-gi>其他通過rules的校驗規(guī)則如下：
<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'],
},
})到此這篇關(guān)于vue表格n-form中自定義增加必填星號的文章就介紹到這了,更多相關(guān)vue表格n-form必填星號內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue 父組件調(diào)用子組件方法及事件的相關(guān)資料，父組件傳入數(shù)組子組件循環(huán)來創(chuàng)建不同的組件模塊,所有事件都在子組件內(nèi)部.怎么實現(xiàn)這樣一個功能呢？接下來跟隨腳本之家小編一起看看吧2018-03-03
這篇文章主要介紹了Vuex 單狀態(tài)庫與多模塊狀態(tài)庫詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
這篇文章主要為大家詳細(xì)介紹了Vue+axios封裝請求實現(xiàn)前后端分離，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要介紹了vue ajax 攔截原理與實現(xiàn)方法,結(jié)合實例形式分析了vue.js基于ajax攔截實現(xiàn)無刷新登錄的相關(guān)原理與操作技巧,需要的朋友可以參考下2019-11-11
隨著 Vite2 的發(fā)布并日趨穩(wěn)定，現(xiàn)在越來越多的項目開始嘗試使用它。本文我們就介紹了Vite創(chuàng)建項目的實現(xiàn)步驟，感興趣的可以了解一下2021-07-07
vue組件中使用props傳遞數(shù)據(jù)的實例詳解
這篇文章主要介紹了vue組件中使用props傳遞數(shù)據(jù)的實例詳解,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-04-04
這篇文章主要為大家詳細(xì)介紹了Vue2幾種常見開局方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要介紹了vue（2.x，3.0）配置跨域代理，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要介紹了vue使用自定義指令來控制頁面按鈕組的權(quán)限思想，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章我們將學(xué)習(xí)vue.js的基礎(chǔ)語法，對于大家學(xué)習(xí)vue.js具有一定的參考借鑒價值，有需要的朋友們下面來一起看看。2016-09-09