vue前端限制输入框只能输入数字和一个.

在Vue前端中，为了限制输入框input只能输入数字和一个点号(.), 可以利用HTML5的`pattern`属性结合JavaScript来进行验证。下面是一个简单的例子：

<template>
  <div>
    <input v-model="value" type="number" placeholder="请输入数字和一个点号" pattern="\d+(\.\d{1})?" />
    <p>{{ error }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      error: ''
    };
  },
  watch: {
    value(newVal) {
      if (!this.$refs.input.checkValidity()) {
        this.error = '输入无效，请只输入数字和一个点号';
      } else {
        this.error = '';
      }
    }
  }
};
</script>

在这个示例中，`v-model`绑定到`value`数据属性，`type="number"`保证用户不能直接输入非数字字符，而`pattern="\d+(\.\d{1})?"`定义了允许的正则表达式，它允许一到多个数字，后面跟着最多一个点号。

当用户输入不符合规则时，`checkValidity()`方法会返回`false`，这时我们在`watch`中更新错误提示信息。