el-form-item 正则验证

      <el-form-item label="商品名称" prop="name">
        <el-input type="text" v-model.trim="param.name" style="width:640px" @change="handleChange" maxlength="30" ></el-input>
      </el-form-item>

rules:{
    
   name: [
    {
    
      validator: (rule, value, callback) => {
    
        console.log(value, 'lail ')
        if (!value) {
    
          callback(new Error('请输入商品名称'))
        } else {
    
          let chinese = []
          let noChinese = []
          chinese = value.split('').filter(item => {
    
            return /^[\u4e00-\u9fa5]{0,}$/.test(item) === true
          })
          noChinese = value.split('').filter(item => {
    
            return /^[\u4e00-\u9fa5]{0,}$/.test(item) !== true
          })
          var num = chinese.length * 2 + noChinese.length
          console.log(num)
          if (num < 4 || num > 30) {
    
            callback(new Error('请输入2到15个汉字。'))
          }
        }
      },
      trigger: 'blur',
      required: true
    }
  ],
}