开发中遇到一个问题,el-input输入框输入中文光标会上移,如下图:亲测可用
type=‘number’ ,只能输入数字,输入中文后会自动清空:
<el-input v-model="input" type="number" placeholder="请输入内容"></el-input>
<script>
export default {
data() {
return {
input: ''
}
}
}
</script>
解决办法,设置el-input_inner样式就可以了。
.el-input__inner {
line-height: 1px !important;
}
// or
input[type='number'] {
line-height: 1px !important;
}