Mint-Ui的mt-search点击选中

官方文档没有详细介绍搜索提示中选中如何使用,不过提过了自定义的写法:


  
  

就是在此基础上添加了点击事件,再将值赋给输入框即可。


  




select(item) {
  this.modelNo = item  
},

 

中间也遇到一些问题,比如:

(1)搜索框输入的提示总是少了一行,

Mint-Ui的mt-search点击选中_第1张图片

后来发现是因为class  mint-search-list的样式太靠上,给搜索框覆盖,所以显示不出来,后来添加了

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

问题才解决。

Mint-Ui的mt-search点击选中_第2张图片

(2)点击触发事件后,提示框未消失。如何实现点击搜索,同时关闭提示信息?

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

 

你可能感兴趣的:(mint-ui,web)