其他分享
首页 > 其他分享> > <el-input> 限制只能输入数字,且得到的值是number类型,去除右侧箭头

<el-input> 限制只能输入数字,且得到的值是number类型,去除右侧箭头

作者:互联网

<template>
    <el-input type="number" v-model.number="val" class="del-arrow"/>
</template>
<style scoped lang="scss">
    ::v-deep .del-arrow input::-webkit-outer-spin-button,
    ::v-deep .del-arrow input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
    }
    ::v-deep .del-arrow input[type="number"] {
        -moz-appearance: textfield;
    }
</style>

 

标签:number,deep,箭头,del,arrow,去除,webkit,input
来源: https://www.cnblogs.com/sgq-blog/p/16144189.html