el-input-number取消显示其中的iinput框

如果你想要取消 `el-input-number` 组件中的输入框，可以使用 `readonly` 属性将其设置为只读，这样用户就无法输入或编辑该值。

以下是一个示例：

<template>
  <div>
    <el-input-number :value="displayValue" :min="0" :max="100" readonly></el-input-number>
  </div>
</template>

<script>
export default {
  data() {
    return {
      displayValue: 42
    };
  }
};
</script>

在上述示例中，我们在 `el-input-number` 组件上添加了 `readonly` 属性。这将禁用输入框，使其只读，用户无法进行编辑。

请注意，虽然用户无法直接编辑输入框中的值，但你仍然可以通过修改 `displayValue` 的值来更新显示的值。这意味着你仍然可以使用其他方式来更改 `displayValue` 的值，并且 `el-input-number` 组件会自动更新显示的值。