饿了么手机号格式校验

文本框： 

        <el-form
          :model="form"
          :rules="rules"
          ref="formRef"
          label-width="100px"
          class="demo-form"
        >     
  <el-form-item label="手机号" prop="phone">
            <el-input
              v-model="form.phone"
              oninput="if(value.length>11)value=value.slice(0,11)"
              placeholder="输入用户手机号，11个数字"
            ></el-input>
          </el-form-item>
 </el-form>

 js：

const form = ref({
  phone: "",
});

//手机号非必填校验格式
const rules = {
  phone: [
    { required: false, message: "手机号" },
    { pattern: /^1[3456789]\d{9}$/, message: "请输入11位正确手机号" },
  ],
} as any;