第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

el-autocomplete 的使用

標簽:
vuex

效果图

业务场景

需要根据用户输入关键词模糊匹配进行提醒进而选择查询。

后端口代码

controll层

@PreAuthorize("@ss.hasPermi('system:qymp:list')")
@GetMapping("/getNsrmc")
public AjaxResult getNsrmc() {
    List<Map<String,String>> nsrmcAndValue = sysQympService.getNsrmc();
    return AjaxResult.success(nsrmcAndValue);
}

xml层

这里说明一下,用Map类型接收结果,否则前端el-autocomplete不渲染

<select id="getNsrmc" resultType="java.util.Map">
    select nsrmc from tbl_base_qympxx where yxbz = '0'
</select>

前端代码

<el-form-item label="企业名称" prop="nsrmc">
    <el-autocomplete
      value-key="nsrmc"
       class="inline-input"
       v-model="queryParams.nsrmc"
       :fetch-suggestions="querySearch"
       placeholder="请输入企业名称"
       :trigger-on-focus="false"
       clearable
       size="small"
       @keyup.enter.native="handleQuery"
       style="width: 350px"
    ></el-autocomplete>
</el-form-item>
querySearch(queryString, cb) {
      getNsrmc().then(response => {
        this.restaurants = response.data
        // console.log("before:"+this.restaurants)
        // let results = queryString ? this.restaurants.filter(nsrmc=>nsrmc.indexOf(queryString)>-1) : this.restaurants
        // 全字段匹配
        let results = this.restaurants.filter(nsrmcs => nsrmcs.nsrmc.indexOf(queryString) > -1)
        // 从头开始匹配
        // let results = this.restaurants.filter(nsrmcs => nsrmcs.nsrmc.indexOf(queryString) === -1)
        // console.log("after:"+results)
        // 调用 callback 返回建议列表的数据
        cb(results)
      })
    },
點擊查看更多內(nèi)容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學(xué)習(xí),寫下你的評論
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學(xué)

大額優(yōu)惠券免費領(lǐng)

立即參與 放棄機會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消