在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 {
validatorRules: {
longitude: [
{ validator: validateLongitude, trigger: 'blur' },
{ validator: validateLongitude, trigger: 'change' }
],
dimension: [
{ validator: validateLatitude, trigger: 'blur' },
{ validator: validateLatitude, trigger: 'change' }
]
}
}
},
<a-col :span="24">
<a-form-model-item label="经度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="longitude">
<a-input v-model="model.longitude" placeholder="请输入经度" ></a-input>
</a-form-model-item>
</a-col>
<a-col :span="24">
<a-form-model-item label="纬度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dimension">
<a-input v-model="model.dimension" placeholder="请输入纬度" ></a-input>
</a-form-model-item>
</a-col>