有用过vue-element-plus-admin的吗？封装的Form怎么在点击按钮的时候去判断必填？

Question

http://element-plus-admin-doc.cn/
有用过上面的框架的吗？封装的Form表单，我在表单叫加个提交按钮怎么去判断需要必须的是否填了没？

Answer 1

我没用过但是因为是基于element-plus的所以差不多？
看element-plus的官方文档这里 官方文档-表单校验
如果是对整个表单范围的内做判断就参照着写就行了
自定义校验规则的话你就给这个按钮绑定一个校验事件,我拿简单的校验登录作例子：

<el-input v-model="form.username" type="text" placeholder="用户名/邮箱">
    <template #prefix>
        <el-icon>
            <User />
        </el-icon>
    </template>
</el-input>
<el-input v-model="form.password" type="password" style="margin-top: 10px;" placeholder="密码">
    <template #prefix>
        <el-icon>
            <Lock />
        </el-icon>
    </template>
</el-input>
<el-button @click="login" style="width: 200px;" type="success" plain>立即登录</el-button>

const form = reactive({
    username: '',
    password: '',
    remember: false
})
const login = () => {
    if (!form.username || !form.password) {
        ElMessage.warning('请填写用户名和密码!')
    } else {
        post('/api/auth/login', {
            username: form.username,
            password: form.password,
            remember: form.remember
        }, (message) => {
            ElMessage.success(message)
            router.push('/index')
        })
    }
}