vue+element踩坑集锦

1、element表单验证使用：

    //baseinfo用于保存表单元素的值，baseRules保存验证规则
    <el-form :model='baseInfo' :rules='baseRules'>
        //rule1是定义在baseRules下的一个验证规则
        /**要注意的是prop、v-model和rules下的验证属性名字必须相同！！！
        *从而验证规则一一对应，如rule1
        *原理是绑定值v-model和rules通过prop连接起来，从而达到验证效果;
        * 如果prop是动态的，则在前面加一个: --> :prop
        */
        <el-form-item prop='rule1'>
            <el-input v-model='baseInfo.rule1'></el-input>
        </el-form-item>
    </el-form>
    
    //在js中定义
    export default {
   
        //如果需要使用自定义的规则
        const validatorName = (rule, value, callback) => {
   
            if (value == '') {
   
              callback(new Error('请输入用户姓名'));
            } else {
   
                if (value.length > 20) {
   
                    callback(new Error(