avue-crud 表单单选校验
avue-crud 表单单选校验可以通过设置 rules 属性来实现。以下是一个示例:
<avue-crud
:columns="columns"
:data="data"
:rules="rules"
>
</avue-crud>
data() {
return {
columns: [
{
label: '性别',
prop: 'gender',
type: 'radio',
options: [
{ label: '男', value: 'male' },
{ label: '女', value: 'female' }
]
}
],
data: {
gender: ''
},
rules: {
gender: [
{ required: true, message: '请选择性别', trigger: 'change' }
]
}
}
}
在 columns 中设置单选框类型,数据绑定到 data 对象中的 gender 属性上。然后在 rules 中设置校验规则,required 表示必填,message 表示提示信息,trigger 表示触发校验的事件
原文地址: https://www.cveoy.top/t/topic/eGzL 著作权归作者所有。请勿转载和采集!