经纬度校验、整数和小数校验

校验

1、经纬度校验：
先在data中声明：

 data() {
    const validateLongitude = (rule, value, callback) => {
      //经度,整数部分为0-180小数部分为0到15位
      var longreg = /^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,15})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,15}|180)$/
      if (!longreg.test(value)) {
        callback(new Error('经度整数部分为0-180,小数部分为0到15位!'))
      }
      callback()
    }
    const validateLatitude = (rule, value, callback) => {
      //纬度,整数部分为0-90小数部分为0到15位
      var latreg = /^(\-|\+)?([0-8]?\d{1}\.\d{0,15}|90\.0{0,15}|[0-8]?\d{1}|90)$/;
      if (!latreg.test(value)) {
        callback(new Error('纬度整数部分为0-90,小数部分为0到15位!'))
      }
      callback()
    }
    return {
		rules:{
			 longitude: [
	          { required:true, validator: validateLongitude, trigger: 'blur' },
	          { validator: validateLongitude, trigger: 'change' }
	        ],
	        latitude: [
	          { required:true, validator: validateLatitude, trigger: 'blur' },
	          { validator: validateLatitude, trigger: 'change' }
	        ],
		}
	}
   }

2、整数和小数的校验：

 data() {
    var valiNumberPass1 = (rule, value, callback) => {//包含小数的数字
      let reg = /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g;
      if (value!='' && value!=null && !reg.test(value)) {
          callback(new Error('请输入数字'));
      } else {
          callback();
      }
    };
    var valiNumberPass2 = (rule, value, callback) => {//正整数
      let reg = /^[+]{0,1}(\d+)$/g;
      if (value!='' && value!=null && !reg.test(value)) {
          callback(new Error('请输入0及0以上的整数'));
      } else {
          callback();
      }
    };
    return {
		rules:{
			 num: [
          		{ validator:valiNumberPass1, trigger: "blur" }
	        ],
	        age: [
          		{ validator:valiNumberPass12, trigger: "blur" }
	        ],
		}
	}
   }

3、表格的表头换行：

 <el-table-column
          :show-overflow-tooltip="true"
          label="表格的表头换行"
          align="center"
          prop="tableheader"
          width="110"
          :render-header="(h,column)=>{return h('div',{attrs:{class:'cell'},domProps:{innerHTML:'表格的<br/>表头换行'}})}"
        >
          <template slot-scope="scope">
            <span>{{
              parseTime(scope.row.tableheader, "{y}-{m}-{d}")
            }}</span>
          </template>
        </el-table-column>