el-input输入框只能输入小于100

会飞的梅花鹿

已于 2022-07-06 15:28:04 修改

阅读量3k

点赞数

文章标签： vue.js elementui javascript

于 2022-07-06 15:26:01 首次发布

本文链接：https://blog.csdn.net/weixin_46935407/article/details/125640522

版权

输入框只能输入1-100之间的整数

 <el-form-item 
                v-if="strategyInfoForm.mode == 'factor'"
                label="多头比列:" 
                prop="selection_level"
            >
                <el-input
                    v-model="otherForm.long_position"
                    placeholder="请输入多头比列"
                    onkeyup="value=value.replace(/[^\d||/.]/g,'')"
                    oninput="if(value){value=value.replace(/[^\d]/g,'')} if(value<=0){value=0} if(value>100){value=100}"
                    :maxlength="3"
                    :minlength="1"
                    @input="inputParams"
                >
                    <i slot="suffix" style="color: #000;font-style:normal;margin-right: 10px;">%</i>
                </el-input>
			</el-form-item>

οnkeyup="value=value.replace(/[^\d||/.]/g,'')"

οninput="if(value){value=value.replace(/[^\d]/g,'')} if(value<=0){value=0} if(value>100){value=100}"

:maxlength="3"

:minlength="1"