簡介:使用elementUI
電子表格
不同的業務可能會生成不同的表單，但它們都存儲在同壹個表單控件el-form中。
圖片介紹:
1.當用戶選擇壹個或多個選項時，將有五個選項A、B、C、D和E。
2.當用戶選擇簡答題時，他們只會知道題幹、答案和分析選項（主要通過v-if）。
導讀:當用戶選擇不同的題庫時，會有不同的表單選項。這時，他們需要在提交表格進行驗證時根據不同的測試問題進行判斷。此時，需要兩個規則來動態驗證表單。
解決方案:在加載頁面時在computed方法中進行動態判斷，並直接返回賦值。
代碼介紹:
//
元素信息
& lt電子表格
:model =“addQueTable“
ref =“addQueTable“
:rules =“addQueRulesList“& gt；
& ltEl-form & gt；
//
數據中定義的規則
updateQusRulesSel:【】；
updateQusRules:【】；
//
計算方法
計算的:
{
//
this . updatequtable . show選擇自定義身份
updateQusRulesList:
函數（）
{
如果
（this . updatequtable . show select）
{
返回
this.updateQusRulesSel
}
其他
{
返回
this . update qus rules；
}
}
總結:computed中的值綁定將在表單顯示時觸發（壹開始是隱藏的）。如果它在頁面開始加載時被觸發，將無法判斷值，從而導致錯誤。其實可以通過這個方法解決問題。
第二，最簡單的解決方案
在el-form中定義的規則檢查字段，如果在您的規則中有壹個字段被v-if隱藏，規則將不會判斷隱藏字段選項，只是定義壹個完整的規則，而v-if的隱藏部分將不會進入驗證方法。
把簡單的問題復雜化了！！！！！
感謝該用戶:
摘要
以上是邊肖向您介紹的vue。
elementui
電子表格
規則動態驗證示例代碼，希望對妳有所幫助，如果妳有任何問題，請給我留言，邊肖會及時回復妳。非常感謝您對劇本之家網站的支持！
您可能感興趣的文章:vue
元素UI
桌子
自定義頁眉和行合並vue+elementUI實現表單和圖片上傳驗證功能的示例代碼。使用vue+vue-router+elementUI實現簡單通訊錄的例子。基於elementUI使用v-model實現經緯度輸入的vue組件詳細講解了如何創建。
發布您自己的
某視頻剪輯軟件
用戶界面
組件庫