el-input 限制输入不超过100 并允许输入一位小数

以下是两种实现el-input限制输入不超过100并允许输入一位小数的方法：

1. 使用正则表达式限制输入：

<el-input v-model="inputValue" @keyup="handleInput" />

export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleInput() {
      this.inputValue = this.inputValue.replace(/[^\d.]/g, '') // 只保留数字和小数点
      const arr = this.inputValue.split('.') // 按小数点分割
      if (arr.length > 1 && arr[1].length > 1) { // 小数点后只能有一位
        this.inputValue = arr[0] + '.' + arr[1].substr(0, 1)
      }
      if (this.inputValue > 100) { // 限制输入不超过100
        this.inputValue = '100'
      }
    }
  }
}

2. 使用el-input-number组件：

<el-input-number v-model="inputValue" :max="100" :min="0" :step="0.1" :precision="1" />

export default {
  data() {
    return {
      inputValue: 0
    }
  }
}