<div class="head_right" v-clickoutside="outsideClose">
<div class="keshi" @click="showks">
科室<van-icon name="play" color="#004593" size="16px"></van-icon>
<div class="kslist" v-show="ksshow">
<div class="kstop">
<img src="./img/sanjiao.png">
</div>
<ul>
<li v-for="item in all_tags" :key='item.name' @click='selectTags(item.name)' v-html='item.name'></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
let App=new Vue({
el:"#section",
data:{
show:true,
keyshow:false,
current:null,
ksshow:false,
ksshowtime:false,
key_tags:[],
all_tags:[],
},
directives: {
clickoutside: {
bind(el, binding, vnode) {
function documentHandler(e) {
if (el.contains(e.target)) {
return false
}
if (binding.expression) {
binding.value(e)
}
}
function KeyUp(e) {
if (e.keyCode == 27) {
if (binding.expression) {
binding.value(e)
}
}
}
el.__vueClickOutSize__ = documentHandler
el.__vueKeyup__ = KeyUp
document.addEventListener('keyup', KeyUp)
document.addEventListener('click', documentHandler)
},
unbind(el, binding) {
document.removeEventListener('click', el.__vueClickOutSize__)
delete el.__vueClickOutSize__
document.removeEventListener('keyup', el.__vueKeyup__)
delete el.__vueKeyup__
}
},
},
methods:{
showKey(){
this.keyshow=true;
},
hideKey(){
this.keyshow=false;
},
outsideClose(){
this.ksshowtime = false;
this.ksshow=false;
},
//会议专题 科室显示与隐藏
showks(event){
this.ksshow=!this.ksshow;
this.ksshowtime = false;
},
},
beforeMount:function(){
},
mounted:function(){
}
})
</script>