vue输入框最多输十位整数和两位小数

你可以使用 Vue 的指令来为输入框添加限制，具体做法如下：

1. 在模板中添加输入框：

<template>
  <div>
    <input type="number" v-model="num" v-input-number />
  </div>
</template>

2. 创建一个自定义指令 v-input-number：

Vue.directive('input-number', {
  bind: function(el, binding) {
    el.handler = function() {
      let val = el.value
      // 只允许输入数字和小数点
      val = val.replace(/[^\d.]/g, '')
      // 限制整数部分最多10位
      val = val.replace(/^\d{11,}/g, '')
      // 限制小数部分最多2位
      val = val.replace(/^(\d+\.\d{2})(\d+)/g, '$1')
      el.value = val
    }
    el.addEventListener('input', el.handler)
  },
  unbind: function(el) {
    el.removeEventListener('input', el.handler)
  }
})

这个指令会在输入框的值发生变化时，进行限制：只允许输入数字和小数点，限制整数部分最多10位，限制小数部分最多2位。

注意：这里使用的是 type="number" 的输入框，如果需要兼容旧版本的浏览器，可以考虑使用 type="text" 的输入框，并在指令中进行更严格的限制。