vue html校验,vue前端表单校验

vue前端表单校验

data() {

return {

visible: false,

dataForm: {

brandId: 0,

name: "",

logo: "",

descript: "",

showStatus: 1,

firstLetter: "",

sort: 0

},

dataRule: {

name: [{ required: true, message: "品牌名不能为空", trigger: "blur" }],

logo: [

{ required: true, message: "品牌logo地址不能为空", trigger: "blur" }

],

descript: [

{ required: true, message: "介绍不能为空", trigger: "blur" }

],

showStatus: [

{

required: true,

message: "显示状态[0-不显示；1-显示]不能为空",

trigger: "blur"

}

],

firstLetter: [

{

validator: (rule, value, callback) = {

if (value =&#