[Uniapp] uni-combox模糊查詢

WikiChen發表於2024-11-06

在@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
        })
    }
}    

相關文章