element ui verify

elemen-ui-verifikasi

Jika Anda muak dengan metode verifikasi asli ElementUI Ele.me, cobalah!

Kata pengantar

Meskipun ElementUI Ele.me bagus, pengalaman verifikasi formulirnya tidak ideal.

Jika pengembangan produk harus memperhatikan pengalaman pengguna, maka pengembangan plug-in juga harus memperhatikan pengalaman pengembangan, dan pengalaman pengembangan yang baik harus dijamin dengan desain API yang baik.

Saya telah fokus pada pengembangan plug-in verifikasi selama 30 tahun, dan saya memiliki desain API plug-in verifikasi leluhur (lelucon). Terutama mengacu pada API vue-verify-pop yang ditulis sebelumnya, dan memperbaikinya, mengambil esensinya, membuang sampahnya, dan mengolah esensi matahari dan bulan. . .

Plug-in ini hanya merangkum metode verifikasi asli ElementUI. Validator inti masih berupa validator async, yang tidak mengganggu dan tidak akan memengaruhi kelanjutan penggunaan verifikasi asli ElementUI sama sekali.

Contoh

 < template >
  < el-form label-width =" 100px " :model =" model " >
    < el-form-item label ="年龄" prop =" age " verify int :gt =" 0 " >
      < el-input v-model =" model.age " > </ el-input >
    </ el-form-item >
  </ el-form >
</ template >
< script >
  export default {
    data ( ) {
      return {
        model : {
          age : ""
        }
      } ;
    }
  } ;
</ script >

oke, Anda telah menyelesaikan pemeriksaan bilangan bulat dengan konten lebih besar dari 0! (Selamat datang untuk membandingkan contoh serupa dengan versi resmi)

dokumen

https://aweiu.com/documents/element-ui-verify/