首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vue优雅的实现关闭

背景 假如说,有这样一个页面,一个蒙层,然后上面一个,怎么优雅的去做关闭这个呢? image.png 是的,怎么优雅的关闭这个,是今天的主题。...1、点击取消,确定按钮,关闭,的的确确,大多数是这样的做法,但是考虑到,用户有可能手指距离这里比较远,所以,操作可能会比较不方便,因此,这种体验似乎并不是很好,所以,慢慢的用户就觉得需要点击蒙层的时候...,也能关闭。...那么,怎么去实现点击蒙层关闭呢?...this.isMangerListShow = false this.isAddGameShow = false }, 所以,以上骚操作,就做到了,不用在挨个在蒙层上加click事件,就可以关闭

2.3K131
您找到你想要的搜索结果了吗?
是的
没有找到

TextView自定义下划线、点击

https://github.com/shuaijia/NoteText 01 — 前言 最近公司有意需求,就是类似于电子书,选择一段文字然后做笔记,需要给做过的文字加下划线,下划线最后加一图标按钮,点击显示笔记内容...在TextView的onTouchEvent判断按下位置是否是笔记图标(小圆圈)的附近,是的话则(PopupWindow)显示。...08 — 图标点击 ? 在上一步绘制小图标时,就将图标的x和y值保存,在onTouchEvent中,判断按下的位置是否在小图标位置的“附近”,是的话就显示笔记内容。...这里的用的是我之前封装的JsPopupWindow,有兴趣的话可以点击阅读https://github.com/shuaijia/JsPopupWindow。...这样就实现了我们如上图展示的,给TextView绘制下划线和图标点击的效果。

1.4K30

js页面刷新或关闭消失_js刷新页面如何保留页面内容

onbeforeunload 事件属性   定义:在即将离开当前页面(刷新或关闭)时执行 JavaScript,例如: window.onbeforeunload = function...; } Jetbrains全家桶1年46,售后保障稳定   用法:onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。...该事件可用于弹出对话,提示用户是继续浏览页面还是离开当前页面。对话默认的提示信息根据不同的浏览器有所不同,标准的信息类似 “确定要离开此页吗?”。该信息不能删除。...但你可以自定义一些消息提示与标准信息一起显示在对话。注意: 在 Firefox 浏览器中,只显示默认提醒信息(不显示自定义信息)。...触发于: 关闭浏览器窗口 通过地址栏或收藏夹前往其他页面的时候 点击返回,前进,刷新,主页其中一个的时候 点击 一个前往其他页面的url连接的时候 调用以下任意一个事件的时候:click,document

11.7K40

jquery - 页面 - 阻止事件冒泡示例

需求 编写一个简单的页面的示例,功能要求如下: 一个点击按钮,点击可以弹出一个 固定出现在页面的中间位置 需要写一个背景mask,用于遮掩背景,设置透明度0.3 点击外的位置就可以消失不见...,可以使用fadeOut() 点击框内的文本可以输入内容,不会消失不见 点击右上角的 × 号,则关闭 看完了需求,首先快速写好一波html + css 编写基本html + css ?...好了,这里已经实现了点击显示的操作了,那么下一步要编写点击的其他部分,则隐藏。 编写点击外部,则隐藏 ?...在阻止了#btn按钮的click()事件冒泡到$(document)之后,那么就可以正常显示了。 同时,点击文档的任意一个地方都是可以隐藏的。...最后,编写右上角的× 号,点击则隐藏 因为现在点击都不会隐藏,所以可以单独给#close写一个click()方法,设置触发fadeOut()事件。 ?

3.3K10

WKWebView不显示JS的Alert,Confirm,TextInput解决方法

然后刚刚才发现用了WKWebView之后不会弹窗提示了,查了一下知道原来WKWebView默认禁止了下面的跳转: 打开itunes.apple.com跳转到App Store, 拨打电话, 唤起邮箱等一系列操作 JS...的Alert,Confirm,TextInput 解决方法: 首先实现WKUIDelegate代理方法 解决唤不起打电话和跳转系统应用的方法 - (void)webView:(WKWebView...的Alert,Confirm,TextInput不的方法 #pragma mark - Alert弹窗 - (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage...[self presentViewController:alertController animated:YES completion:nil]; } #pragma mark - Confirm...self presentViewController:alertController animated:YES completion:nil]; } #pragma mark - TextInput

6.7K30

layui弹出php,layui弹出层怎么使用

layui弹出层的使用方法:首先引入jQuery1.8以上的任意版本;然后引入laery.js;最后通过“function show(){var a = layer.open({…});}”方式使用laery.open...layer 在 layui 体系中的位置比较特殊,甚至让很多人都误以为 layui = layer ui,所以再次强调 layer 只是作为 layui 的一个层模块 1、获取laery,你需要去官网下载...laery.js 地址–http://layer.layui.com/ 2、引入laery.js 在此之前你必须要先引入jQuery1.8以上的任意版本 3、使用laery.open();function...){ //右上角关闭回调 //return false 开启该代码可禁止点击该按钮关闭 } }); 6, shade 遮罩 即层外区域。...默认:false 如果你的shade是存在的,那么你可以设定shadeClose来控制点击层外区域关闭 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/133311

7K30

VUE项目后台管理系统(七)形式新增用户信息,关闭添加用户对话,重置表单。表单的验证规则

目录 关闭添加用户对话,重置表单 表单的验证规则 添加的方法 页面有一个按钮,一点击,弹出,并且在这个里面添加数据 ? ? 以上的代码就是官网 的 ? 有一个属性 ?...我们只要点击了按钮,改变这个变量的值,那么就会显示或者隐藏了 ?...其实弹就是下面这个标签,只需要让他隐藏或者显示就可以了 :visible.sync 这个属性就可以控制这个显示还是关闭 里面想要显示什么东西,就显示什么东西 <el-dialog align...这个要和表单里面的一样 之后的就是一些事件了 关闭添加用户对话,重置表单 框上面有一个关闭的事件,点击的时候我们要求他走一个方法,里面就是对当前表单的重置 ? ? 表单的验证规则 ?...; //刷新列表 this.getUserList(); 关闭 this.addUserVisible = !

1.9K10
领券