【Vue3】 el-table隐藏输入框；input输入内容居中；去掉el-input-number的上下箭头

要在Vue 3中隐藏el-input-number的输入框并使输入内容居中，可以通过CSS来实现。以下是实现这些需求的样式和模板代码示例：

<template>
  <el-input-number
    v-model="number"
    :min="1"
    :max="10"
    label="描述文字"
    class="centered-input"
  ></el-input-number>
</template>
 
<script setup>
import { ref } from 'vue';
import { ElInputNumber } from 'element-plus';
 
const number = ref(1);
</script>
 
<style scoped>
.centered-input input {
  text-align: center;
}
 
.centered-input .el-input-number__increase,
.centered-input .el-input-number__decrease {
  display: none;
}
</style>

在这个例子中，.centered-input 类包含两部分样式：

1. .centered-input input 选择器使得el-input-number内的输入框中的文本居中显示。
2. .centered-input .el-input-number__increase 和 .el-input-number__decrease 选择器隐藏了增加和减少按钮，从而去掉了箭头。

请确保你已经在项目中安装并配置了Element Plus，因为el-input-number是Element Plus组件库的一部分。