前端搜索接口传参数子类型Number,默认传参为null,在接口进行判断

html

		<el-form :model="querInfoDialog" label-width="100px">
                <el-form-item label="最小数值" style="display:inline-block;">
                    <el-input v-model="querInfoDialog.leastNumber" placeholder="请输入最小数值"
                        oninput="value=value.replace(/^\.+|[^\d.]/g,'')"></el-input>
                </el-form-item>
                <el-form-item label="最大数值" style="display:inline-block;">
                    <el-input v-model="querInfoDialog.maxNumber" placeholder="请输入最大数值"
                        oninput="value=value.replace(/^\.+|[^\d.]/g,'')"></el-input>
                </el-form-item>
                <el-button size="medium" style="display:inline-block;margin-left:50px;" @click="getInfo">搜索
                </el-button>
           </el-form>
           

js

 data () {
    
    
        return {
    
    
            querInfoDialog: {
    
    
                // 默认显示第几页
                currentDialog: 1,
                // 默认每页显示的条数（可修改）
                // size: 10,
                sizeDialog: 10,
                leastNumber: null,
                maxNumber: null,
            },
            holderAddress: null
        }
    },
methods: {
    
    
// 搜索
        getInfo () {
    
    
            let a = this.querInfoDialog.leastNumber     // 默认搜索为0
            let b = this.querInfoDialog.maxNumber       // 默认搜索为0
            a = Number(a)                               // 然后再转化数字
            b = Number(b)                               // 然后再转化数字
            getTokenHolderData({
    
    
                maxNumber: b == 0 ? null : b,       // 默认搜索为0加个判断	默认是接口要传默认null 		这里是关键!!!
                leastNumber: a == 0 ? null : a,     // 默认搜索为0加个判断	默认是接口要传默认null  		这里是关键!!!
                holderAddress: this.holderAddress,
                current: this.querInfoDialog.currentDialog,
                size: this.querInfoDialog.sizeDialog,
            }).then(res => {
    
    
                console.log(res, '筛选后列表');
                if (res.success == true) {
    
    
                    // this.tokenDialogData = res.data
                }
                else {
    
    
                    this.$message({
    
    
                        type: 'error',
                        message: res.msg
                    });
                    this.tokenDialogData = []
                }
            })
        },
 }

最后

感觉文章好的话记得点个心心和关注和收藏，有错的地方麻烦指正一下，如果需要转载,请标明出处，多谢！！！