網站首頁 編程語言 正文
看上圖
可以有多條數據,如果數據重復,就提示用戶,【您的數據重復了】,要用到elementUi的自定義校驗
<div v-for='(demoItem,index) in formLabelAlign.selectRetainedList' :key='index'>
<div class="retained_content">
<el-form-item style="width:40%" :prop="'selectRetainedList.'+ index+ '.retainedType'" :rules="rules.retained">
<el-select v-model="demoItem.retainedType" multiple collapse-tags filterable placeholder="請選擇留存種類">
<el-option
v-for="item in optionss"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item style="width: 50%" :prop="`selectRetainedList.${index}.retainedAccountId`" :rules="rules.retainedType">
<el-select
v-model="demoItem.retainedAccountId"
placeholder="請選擇投放賬號"
multiple
collapse-tags
filterable>
<el-option
v-for="item in retainedAccount"
:key="item.value"
:label="item.accounid"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</div>
</div>
重點:
自定義校驗規則的寫法
const checkoutType = ((rule, value, callback)=>{
if (value.length === 0) {
callback(new Error('請選擇投放賬號'))
} else {
this.$refs.formLabelAlign.clearValidate()
let arrList = this.formLabelAlign.selectRetainedList
let arr = []
for (let j = 0; j < arrList.length; j++) {
const element = arrList[j];arr.push(element.retainedType.concat(element.retainedAccountId))
}
let reArr = [];
let NewList = []
for(let i = 0;i<arr.length;i++){
if(reArr.indexOf(JSON.stringify(arr[i])) === -1){
reArr.push(JSON.stringify(arr[i]))
NewList.push(arr[i])
}
}
if(arrList.length == NewList.length){
callback()
}else{
callback(new Error('投放賬號重復'))
}
}
})
大概就是這樣就可以完成了
原文鏈接:https://blog.csdn.net/qq_49277509/article/details/125717414
相關推薦
- 2022-11-23 Python?property裝飾器使用案例介紹_python
- 2022-03-10 Android如何獲取APP啟動時間_Android
- 2022-03-17 docker安裝rocketMQ和安裝過程中出現問題的解決_docker
- 2023-02-26 pandas的apply函數用法詳解_python
- 2022-10-20 Swift初始化方法的使用介紹_Swift
- 2022-07-24 Golang實現文件夾的創建與刪除的方法詳解_Golang
- 2022-09-05 C語言模擬實現庫函數詳解_C 語言
- 2022-05-17 Spring boot 集成Redis客戶端Lettuce,導致服務線程數不斷增加
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支