在Element UI的el-input-number组件文档中,并没有直接的配置项来隐藏加减按钮。但是,我们可以通过设置controls属性为false来达到这个目的。controls属性用于控制是否显示输入框两侧的控制按钮,默认值为true。 4. 在代码中使用找到的配置项或方法去掉加减按钮
// 去除自带的增减按钮input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important;}
方法/步骤 1 打开一个vue文件，添加element框架下的InputNumber计数器，设置InputNumber计数器默认值为1。如图 2 设置controls属性为false，用于隐藏数量添加和减少的点击按钮。如图 3 保存vue文件后使用浏览器打开，即可看到InputNumber计数器左右两边的按钮已经隐藏掉了。如图 ...