A. vue elementui el-form rules動態驗證的實例代碼詳解
一、介紹
簡介：在使用elementUI
el-form
中，對於業務不同的時候可能會產生不同表單結構，但是都是存在同一個表單控制項el-form中。
圖片介紹：
1、在用戶選擇單選或多選時會有A,B,C,D,E五個選項
2、在用戶選擇簡答題時只會題干，答案以及解析選項（主要是通過v-if來進行判斷）
問題引入：當用戶選擇不同的題庫時會產生不同的form表單選項，這個時候在進行表單提交驗證的時候就需要根據不同試題類型進行判斷，這個時候就需要兩個rules來動態進行表單校驗。
解決方法：在頁面載入的時候在computed方法中進行動態判斷直接返回賦值。
代碼介紹：
//
elementui信息
<el-form
:model="addQueTable"
ref="addQueTable"
:rules="addQueRulesList">
<el-form>
//
data中定義rules
updateQusRulesSel:[];
updateQusRules:[];
//
computed方法
computed:
{
//
this.updateQusTable.showSelect自己定義的標識
updateQusRulesList:
function()
{
if
(this.updateQusTable.showSelect)
{
return
this.updateQusRulesSel;
}
else
{
return
this.updateQusRules;
}
}
總結：在computed中進行值綁定，當該表單顯示的時候就會觸發(一開始是隱藏的)，如果一開始頁面載入的時候就觸發會無法進行值判斷，從而報錯。其實能解決問題，通過該種方法。
二、最簡單解決方法
在el-form中定義的rules檢驗欄位，如果你的rules中有欄位通過v-if進行隱藏，rules是不會對隱藏的欄位選項進行判斷，只要定義一個完整的rules就行，v-if隱藏的部分不會進入校驗方法中。
把簡單的問題復雜化了！！！！！
感謝該用戶：
總結
以上所述是小編給大家介紹的vue
elementui
el-form
rules動態驗證的實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
您可能感興趣的文章:vue
elementUI
table
自定義表頭和行合並的實例代碼vue+elementUI實現表單和圖片上傳及驗證功能示例如何利用vue+vue-router+elementUI實現簡易通訊錄基於elementUI使用v-model實現經緯度輸入的vue組件詳細講解如何創建,
發布自己的
Vue
UI
組件庫
B. 好分數在哪裡查成績
現在不少學校的月考成績已經出來了，家長和考生可以利用好分數進行成績的查詢，為了幫助各位家長和學生查詢自己的考試成績，小編整理了好分數在線成績查詢的官網及注冊方式，大家可以詳細了解一下，查成績會更加方便哦！
好分數官網查成績登錄入口www.haofenshu.com
好分數官網查成績登錄入口www.haofenshu.com
您好! 為了讓您更及時、全面地了解自己孩子的學習情況，本次考試起，家長和學生可通過網路實時查看學生各科考試的成績、排名、錯題本和各題的批閱痕跡、滿分答案和知識點詳情。具體操作說明如下：
1、登錄網站（好分數）：www.haofenshu.com或搜索好分數，進行注冊；
2、好分數APP下載，掃描二維碼即可下載注冊，或在蘋果商店（蘋果），360，網路，應用寶，豌豆莢，小米，魅族（安卓）等應用商店搜索「好分數」下載；
好分數官網查成績登錄入口www.haofenshu.com
3、注冊說明：
家長：按頁面提示，輸入學生本次考試的考號／學號、學生中文姓名等信息；
學生：按頁面提示，輸入本次考試的考號／學號、中文姓名等信息；
4、注冊成功後，登錄賬號，查看學生成績、考卷、錯題，對各科試卷進行電子簽名；
學生注冊好分數具體流程
填寫用戶名。即登錄賬號，建議使用QQ號作為用戶名，便於記憶。
設置密碼。密碼要求6位的數字或字母，不宜太過簡單。
填寫電子郵箱。建議使用QQ郵箱。學生賬號需在郵箱激活後使用，請務必正確填寫。
填寫正確的學生姓名、考號以驗證學生身份。學生姓名需與考號對應，考號為學生在答題卷上填塗的號碼（或條形碼號碼）。
點擊注冊後，在郵箱中找到激活郵件，點擊鏈接激活賬號，並回到好分數網站進行登錄 。
好分數成績查詢注意事項
需要匹配姓名+考試證件號成功後才可以查看學生的成績。考試證件號是學生考試時填寫在考卷上的號碼，根據學校的不同，可能是考號、學號、學籍號。如果家長不知道學生的考號，可以點擊右上角跳過，跳過後可以進入好分數主頁，但是無法查詢成績。跳過綁定學生的家長詢問孩子獲取考號後，用手機+設置的密碼登錄好分數，重新綁定後就可以查到成績了。