element ui rules 表单校验 设置手机号必须为11位

对于 ElementUI 表单校验的规则设置，你可以使用 `rules` 属性来添加自定义规则。对于手机号必须为11位的校验规则，你可以使用正则表达式进行校验。

以下是一个示例代码：

<template>
  <el-form ref="form" :model="formData" :rules="rules">
    <el-form-item label="手机号" prop="phone">
      <el-input v-model="formData.phone"></el-input>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        phone: '',
      },
      rules: {
        phone: [
          { required: true, message: '请输入手机号', trigger: 'blur' },
          {
            pattern: /^1[3456789]\d{9}$/,
            message: '手机号格式不正确',
            trigger: 'blur',
          },
        ],
      },
    };
  },
};
</script>

在上面的代码中，我们使用了 `pattern` 属性来设置正则表达式，即手机号必须以1开头，后面跟着10个数字。如果校验失败，会显示 `message` 中的内容。

另外，我们还使用了 `required` 属性来设置手机号必填，这样即使手机号格式不正确，也会提示用户输入手机号。