elementui rules地址校验

可以使用 ElementUI 中的自定义校验规则来实现地址校验。以下是一个简单的例子：

<template>
  <el-form :model="form" ref="form" :rules="rules">
    <el-form-item label="地址" prop="address">
      <el-input v-model="form.address"></el-input>
    </el-form-item>
    <el-button type="primary" @click="submitForm">提交</el-button>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        address: ''
      },
      rules: {
        address: [
          { required: true, message: '请输入地址', trigger: 'blur' },
          { validator: this.validateAddress, trigger: 'blur' }
        ]
      }
    }
  },
  methods: {
    validateAddress(rule, value, callback) {
      // 这里可以编写自己的地址校验逻辑
      if (/^[A-Za-z0-9]+$/.test(value)) {
        callback();
      } else {
        callback(new Error('地址格式不正确'));
      }
    },
    submitForm() {
      this.$refs.form.validate(valid => {
        if (valid) {
          // 表单校验通过，可以提交数据
        } else {
          // 表单校验失败，不提交数据
        }
      });
    }
  }
}
</script>

在上面的例子中，我们使用了 ElementUI 的 `<el-form>` 和 `<el-form-item>` 组件来构建表单。`<el-form>` 组件的 `:model` 属性绑定了表单数据的 `form` 对象，`ref` 属性指定了表单的引用名称，`:rules` 属性绑定了校验规则的 `rules` 对象。

在 `rules` 对象中，我们定义了一个 `address` 规则，其中包括了两个子规则。第一个子规则要求地址不能为空，第二个子规则是自定义规则，通过 `validator` 属性指定了校验函数 `validateAddress`。

`validateAddress` 函数接收三个参数：规则对象，当前字段的值，回调函数。在函数中，我们可以编写自己的地址校验逻辑，如果校验通过，则调用回调函数不带参数；如果校验失败，则调用回调函数并传递一个错误信息作为参数。

最后，我们在提交表单时调用了 `<el-form>` 组件的 `validate` 方法来进行表单校验。该方法接收一个回调函数，如果表单校验通过，则回调函数的参数为 `true`，否则为 `false`。在回调函数中，我们可以根据校验结果来决定是否提交表单数据。