el-input 设置为数字框
发布时间
阅读量:
阅读量
通过将el-input组件的type属性配置为number类型,即可实现相应的输入结构
<el-input
type="number"
:controls="false"
size="mini"
min="0"
max="30"
v-model.number="addRuleForm.number">
</el-input>
不过被设定为那样了,还有一个用于数量控制的按键,显得有些滑稽

随后采用CSS技术将该控制键予以隐藏
.add-rule-dialog{
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
全部评论 (0)
还没有任何评论哟~
