[Uniapp] uni-combox模糊查询

 在@input事件,根据输入的值,调用后台API,模糊查询数据,显示在下拉框中。

<uni-combox :candidates="dataList" @input="onInput" ></uni-combox>

async onInput(e) {
    let that = this
    // 初始化下拉框内容
    that.dataList= []
    // 设置查询参数
    let postData = {
       page : 1,
       rows: 50,
       param : e
    }
    // 根据输入的值,模糊查找
    const list = await that.HTTP_GET({
        url: XXX,
        params: postData
    })
    if (list) {
        that.dataList = list.rows.map((x) => {
            return x.value
        })
    }
}    

 

posted @ 2024-11-06 14:11  WikiChen  阅读(34)  评论(0编辑  收藏  举报