el-input只能输入小数点和数字

以下是el-input只能输入小数点和数字的两种方法：
1.使用JavaScript代码校验只能输入数字和小数点：

<el-input v-model="inputValue" placeholder="只能输入数字和小数点" @input="handleInput"></el-input>

methods: {
  handleInput() {
    this.inputValue = this.inputValue.replace(/[^\d.]/g, ''); // 只保留数字和小数点
    this.inputValue = this.inputValue.replace(/^\./g, ''); // 第一个字符不能是小数点
    this.inputValue = this.inputValue.replace(/\.{2,}/g, '.'); // 不能出现多个小数点
    this.inputValue = this.inputValue.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); // 只能有一个小数点
  }
}

2.使用element-ui的el-input-number组件，设置step属性为小数点后的位数即可：

<el-input-number v-model="inputValue" :step="0.01" placeholder="只能输入数字和小数点"></el-input-number>