vue设置输入框直接是7或者11位

你可以使用 Vue 中的 `v-model` 指令和 `watch` 监听来实现输入框直接输入7位或11位数字的限制。

首先，在模板中使用 `v-model` 指令将输入框的值绑定到 Vue 实例的一个数据属性上，例如：

<template>
  <div>
    <input v-model="phoneNumber" type="tel" />
  </div>
</template>

然后，在 Vue 实例中使用 `watch` 监听这个数据属性的变化，当输入框的值发生变化时，判断输入框中的数字位数是否为7或11位，如果不是，则将输入框的值截取为7或11位：

<script>
export default {
  data() {
    return {
      phoneNumber: '',
    };
  },
  watch: {
    phoneNumber(newVal, oldVal) {
      const num = newVal.replace(/\D/g, ''); // 过滤非数字字符
      if (num.length === 7 || num.length === 11) {
        this.phoneNumber = num; // 直接赋值
      } else {
        this.phoneNumber = num.slice(0, num.length > 11 ? 11 : 7); // 截取7或11位
      }
    },
  },
};
</script>

这样，当用户在输入框中输入数字时，输入框的值会被限制为7或11位。