Mint-Ui的mt-search點擊選中

官方文檔沒有詳細介紹搜索提示中選中如何使用，不過提過了自定義的寫法：

<mt-search v-model="value">
  <mt-cell
    v-for="item in result"
    :title="item.title"
    :value="item.value">
  </mt-cell>
</mt-search>

就是在此基礎上添加了點擊事件，再將值賦給輸入框即可。

<mt-search
  v-model.trim="modelNo"
  placeholder="請輸入型號"
  @keyup.enter.native="search">
  <mt-cell
    v-for="item of filterResult"
    :key="item"
    :title="item"
    @click.native="select(item)"/><!-- 點擊事件 -->
</mt-search>



select(item) {
  this.modelNo = item  <!-- 點擊事件 -->
},

 

中間也遇到一些問題，比如：

（1）搜索框輸入的提示總是少了一行，

後來發現是因爲class  mint-search-list的樣式太靠上，給搜索框覆蓋，所以顯示不出來，後來添加了

.mint-search-list{
    margin-top: 40px
  }

問題才解決。

（2）點擊觸發事件後，提示框未消失。如何實現點擊搜索，同時關閉提示信息？

我暫時的解決方法是，設置一個狀態，根據狀態來判斷是否需要收回提示框。