在el-input-number 组件的属性中,controls 属性用于控制是否显示加减按钮。将其设置为 false 即可去掉加减按钮。 4. 在组件中使用该属性或方法去掉加减按钮 下面是一个使用 Vue 和 Element UI 的示例代码,展示了如何去掉 el-input-number 组件的加减按钮: ...
// 去除自带的增减按钮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计数器左右两边的按钮已经隐藏掉了。如图 ...
<el-input-number:controls="false":min="0":max="scope.row.quota":disabled="!Props.isEdit"@blur="changeFund"v-model="scope.row.approveQuota"/>
评论支持部分 Markdown 语法:**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。 注册登录 注册登录 获取验证码 新手机号将自动注册 登录 微信登录免密码登录密码登录 继续即代表同意《服务协议》和《隐私政策》...