javascript:
new Vue({
el: "#app",
data:{
bisible: false,
tests: ['1','2']
},
methods: {
shows: function(){
this.bisible = true;
},
isibles: function(){
this.bisible = false;
}
}
})
html
<div id="app">
<div class="test" tabindex="1" @click="shows" @blur="isibles">
测试
<ul v-if="bisible">
<li v-for="item in tests">{{item}}</li>
</ul>
</div>
<div>
测试
</div>
</div>
css
.test{
border:1px solid #00F;
width: 50%;
}
javascript: new Vue({el: "#app",data:{bisible: false,test...
// 点击其他下拉区域隐藏下拉框 $(document).bind("click",function(e){ va...
点击按钮 出现下拉框，点击其他区域隐藏，刚开始是这样写的： 在ios不兼容,原因是在ios中document ，b...
用swift实现一个灰色的弹层，点击背景隐藏，点击子视图，走子视图的响应。如何实现。
实现Tab切换的功能 实现下图的模态框功能，点击模态框不隐藏，点击关闭以及模态框以外的区域模态框隐藏
实现一个效果，点击div以外可以隐藏div！ HTML页面的最外层dom节点是document；在document...
demo代码如下 显示 显示的内容 //引入jq文件 $(function(){ $(document).cl...
点击除了下拉框里面其他地方，隐藏下拉框指令 注册指令 directives: { clickoutside }, ...
vue实现点击其他地方隐藏div 方法一： 通过监听事件 document.addEventListener('c...
功能：点击按钮，复制值。 实现方法：通过原生js 的方法 document.execCommand('copy')...
本文标题：vue.js如何如何实现点击document 让隐藏的下拉框功能
本文链接：https://www.haomeiwen.com/subject/kitlgxtx.html
网友评论