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）点击触发事件后，提示框未消失。如何实现点击搜索，同时关闭提示信息？

我暂时的解决方法是，设置一个状态，根据状态来判断是否需要收回提示框。