elemenui 非表单数组验证
时间: 2023-06-12 20:05:55 浏览: 88
Element UI 中的非表单数组验证可以使用自定义校验函数来实现。以下是一个示例:
```html
<template>
<el-input v-model="input" placeholder="请输入逗号分隔的数字" />
<el-button type="primary" @click="validate">验证</el-button>
</template>
<script>
export default {
data() {
return {
input: "",
};
},
methods: {
validate() {
const inputArr = this.input.split(",");
const isValid = inputArr.every((num) => !isNaN(num));
if (isValid) {
alert("验证通过");
} else {
alert("请输入逗号分隔的数字");
}
},
},
};
</script>
```
在这个示例中,我们使用 `el-input` 组件来获取用户的输入,并使用 `split` 方法将输入字符串转换为数组。然后我们使用 `Array.prototype.every` 方法来检查数组中的每个元素是否都是数字。如果所有元素都是数字,那么我们就认为输入是合法的,否则提示用户重新输入。
你可以根据具体的需求编写自定义的校验函数来进行非表单数组验证。
阅读全文