说明：移动端常见样式的下拉框，弹出下拉框的时候up，我们点击另一个位置隐藏下拉框操作：新建指令.js文件`/***点击空白处隐藏下拉框*/constclickOutside={//一般在vue项目的main.js//添加点击空白区域的命令bind:function(el,binding,vnode){el.clickOutsideEvent=function(event){//检查点击是否在el及其children之外(!(el==event.target||el.contains(event.target))){//如果是，则调用属性值中提供的方法vnode.context[binding.expression](event)}}文档。body.addEventListener('click',el.clickOutsideEvent)},解除绑定:function(el){document.body.removeEventListener('click',el.clickOutsideEvent)}};exportdefaultclickOutside`为了在项目中全局使用，我们会在main.js文件中引入一个自定义指令全局importutilDirectivefrom'./assets/js/directive'Vue.directive('clickOutside',utilDirective)在页面中使用html标签：
