<el-input-number v-model=“num” :precision=“2”></el-input-number>小数点后超过两位依旧可以输入

<el-input-number v-model="num" :precision="2"></el-input-number>中的precision属性指定了小数点后保留的位数为两位，如果输入的数字小数点后超过两位，仍然可以输入，但是显示的数字会被自动截断为两位小数。如果你想限制用户只能输入小数点后两位以内的数字，可以使用正则表达式进行限制。例如，可以在输入框的@input事件中使用正则表达式过滤掉非法字符，代码如下：

<el-input v-model="inputTable.amount" @input="formatNum(form.amount, 'amount')"></el-input>

// 在methods中定义formatNum方法
formatNum(val, key) {
  // 过滤非法字符
  val = val.replace(/[^\d.]/g, '');
  // 限制小数点后两位
  val = val.replace(/^\d+\.\d{0,2}/g, (match) => match.slice(0, match.indexOf('.') + 3));
  // 更新数据
  this.inputTable[key] = val;
}

相关问题

<el-input-number v-model="value" :readonly="true"></el-input-number>无法变成只读模式

你可以添加 `disabled` 属性来禁用输入框，并将 `readonly` 属性设置为 `true` 来防止用户通过键盘输入：

<el-input-number v-model="value" disabled :readonly="true"></el-input-number>

这样用户就无法通过键盘或鼠标操作改变输入框的值，但是仍然可以通过 JavaScript 代码来更新 `value` 的值。如果你想完全禁用该输入框，可以将其包装在一个 `<div>` 中并将 `disabled` 属性设置为该 `<div>`，如下所示：

<div disabled>
  <el-input-number v-model="value" :readonly="true"></el-input-number>
</div>

这样用户无法通过任何方式改变输入框的值。

<el-input-number v-model="num" :controls="false" :min="1" :max="10" label="描述文字"></el-input-number>添加后置元素

要在 `el-input-number` 组件中添加后置元素，可以使用 `el-input` 的 `append` 插槽。你可以将后置元素放在 `el-input-number` 的 `append` 插槽中。示例代码如下：

<el-input-number v-model="num" :controls="false" :min="1" :max="10" label="描述文字">
  <template #append>
    <!-- 在这里放置后置元素 -->
    <span>后置元素</span>
  </template>
</el-input-number>

在上面的示例中，我在 `el-input-number` 的 `append` 插槽中添加了一个 `<span>` 元素作为后置元素。你可以在这个插槽中放置任何你需要的内容作为后置元素。记得替换 `<span>后置元素</span>` 为你想要显示的后置元素内容。