<el-input class="no-spin-button" v-model="form.useCount" :pattern="numberPattern" :min="0" type="number"></el-input>
正则
computed: {
numberPattern() {
// 限制只能输入数字
return '^[0-9]*$';
},
},
隐藏右侧加减
<style>
.no-spin-button input::-webkit-outer-spin-button,
.no-spin-button input::-webkit-inner-spin-button {
/* 隐藏加减按钮 */
-webkit-appearance: none;
margin: 0; /* 一些浏览器需要添加这一行 */
}
.no-spin-button input[type='number'] {
/* 隐藏默认样式 */
-moz-appearance: textfield;
}
</style>