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 表示触发校验的事件

avue-crud 表单单选校验

原文地址: https://www.cveoy.top/t/topic/eGzL 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录