vue el-input输入正数和一位小数

在Vue.js中，`el-input`组件是Element UI库中的文本框组件，如果你想限制用户只能输入正数和一位小数，可以利用`v-model`绑定值，并结合自定义指令或计算属性来实现这个功能。这里有一个简单的示例：

首先，你需要安装Element UI，然后在组件模板中使用`el-input`并添加一个自定义指令`numberFormat`：

<template>
  <el-input v-model.number="value" :custom-validator="validateNumber" placeholder="请输入正数">
</template>

<script>
export default {
  data() {
    return {
      value: null,
    };
  },
  methods: {
    validateNumber(value) {
      const reg = /^\d+(\.\d{1})?$/; // 正则表达式，匹配整数和一位小数
      if (reg.test(value)) {
        this.$emit('input', parseFloat(value)); // 如果通过验证，转换成数值并触发输入事件
        return true;
      } else {
        this.$message.error('请输入正数'); // 提示错误信息
        return false;
      }
    },
  },
};
</script>

在这个例子中：
1. `v-model.number`确保输入的值会被自动转换为数字类型。
2. `custom-validator`属性用于自定义输入验证，如果输入不符合规则，则阻止输入并显示错误提示。