去掉type=“number“ 去掉小数点和自带上下箭头

<input type="number" required lay-verify="required" placeholder="请输入手机号"  v-model="loginForm.phone"   @input="handerInput" class="layui-input">

定义方法去掉小数点

// 判断自定义输入事件
    handerInput() {
      // 判断不能输入小数点
      let str = '' + this.loginForm.phone;
      if (str.indexOf('.') !== -1) {
        let arr = str.split('');
        arr.splice(arr.length - 1);
        let str2 = arr.join('');
        this.loginForm.phone = +str2;
      }
    },
  },

css样式去掉自带上下箭头

[type=number] {
    -moz-appearance:textfield;
  }
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }