点击搜索框和搜索结果以外的区域，隐藏搜索结果

1、实现原因：
想在input输入框下面添加一个div或者ul列表，放搜索出来的列表，列表元素可勾选。但是勾选后鼠标离开ul列表仍然在。
2、需求：要求点击input框，ul显示，点击li中的多选框勾选需要的内容，鼠标点击其他地方，ul列表隐藏。
尝试用失去焦点和获取焦点的方式实现，但是点击li中的多选框时ul显示框却隐藏了，下面的方法可以轻松实现：

给最外层的div加个点击事件： @click=“showSearch = false”
给点击的元素上面加上： @click.stop=“showSearch = !showSearch”
给ul加上： v-show=“showSearch”

效果如下：

1. 点击input框时，根据模糊搜索的内容选择分组
   
2. 此时点击搜索框input和显示框ul之外的其他地方，ul隐藏。再次点击搜索框，ul显示