Advertisement

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)

还没有任何评论哟~