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

最新推荐文章于 2023-05-06 16:48:04 发布

MFG_666

最新推荐文章于 2023-05-06 16:48:04 发布

阅读量707

点赞数

分类专栏： js方法 vue jscript 文章标签： javascript vue.js 开发语言

本文链接：https://blog.csdn.net/m0_49714202/article/details/126051563

版权

vue 同时被 3 个专栏收录

124 篇文章 8 订阅

订阅专栏

js方法

54 篇文章 2 订阅

订阅专栏

jscript

12 篇文章 0 订阅

订阅专栏

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 = []
                }
            })
        },
 }