免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

數(shù)據(jù)驗(yàn)證，全局方法使用，方便后期統(tǒng)一管理維護(hù)

創(chuàng)建validate.js文件

export default {
    install(Vue) {
        var that = this
        // 1. 添加全局方法或?qū)傩?        // ue.global = this
        // 2. 添加全局資源
        // 3. 注入組件
        Vue.mixin({
            created() {
                this.global = that
            }
        });
        //必填項(xiàng)
        Vue.prototype.$empty = (rule, result, callback) => {
          
            if (result == null || result == "" || result == 'undefined') {
                return callback(new Error('不能為空！'));
            }
            return callback();
        };
      }
}

main.js引入

import valid from '@/utils/validate'

Vue.use(valid)

vue表單

<el-form :model="candidate" ref="userForm" :rules="rules">
        <el-form-item label="人員姓名" prop="userName" >
                            <el-input v-model="form.userName" autocomplete="off"></el-input>
                        </el-form-item>
 </el-form>

 data() {
        return {
          form:{
           userName:''
          },
           rules: {
                userName: [
                    {validator: this.$empty, trigger: 'blur', required: true},
                ],
        }
 }

總結(jié)

數(shù)據(jù)驗(yàn)證js文件，對(duì)一些正則表達(dá)式統(tǒng)一維護(hù)，刪除重復(fù)性的校驗(yàn)代碼，在項(xiàng)目開發(fā)過程中，是比較常用的方法。