首页 > TAG信息列表 > 弹层

v-model和sync语法糖在封装弹层组件时的使用

需求：点击【更多操作】，显示【编辑】【删除】，点击灰色区域关闭弹层 DOM结构： <div class="more-operations"> <transition name="popup"> <div class="popup" v-show="isShow" @click="handleClose"> <div cla

Element-ui中弹层close事件重置表单数据

目标：在弹层隐藏时（点了表单上的：取消，确定，点了弹层中右上角的关闭，点了ESC，点了弹层的遮罩区域），将表单数据恢复到之前的状态  两种方法： 1. v-if  <el-dialog :visiable="showDialog" v-if="showDialog"></el-dialog> 当弹层隐藏时，组件会被v-if销毁，从而清空表单数据注意：v-if的方法

接口测试平台代码实现25:项目列表页的新增功能

本节主要来实现新增一个项目的功能：   我的设计是： 点击新增按钮，出现一个弹层，这个弹层上有输入框，要求用户输入项目的名称。还有确定/取消 按钮。 这个弹层默认是隐藏的一个div，当点击新增按钮后，修改该弹层的隐藏属性为显示。当点击确定/取消按钮后，再把弹层的隐藏属性变为隐藏。 点

接口测试平台代码实现33:接口调试

终于开始了接口调试模块，废话不多说了，直接开始： 首先我们要做一个简单的弹层，和上节课的备注弹层一样的做法，这里就给大家快速贴源码了用到的技术都是之前学过的。注意一点，打开弹层后，一定要在弹层的某个地方放入接口id，以便我们之后调试保存时，发出的请求中可以知道当前用户打开的是哪个

接口测试平台代码实现25:项目列表页的新增功能

本节主要来实现新增一个项目的功能：   我的设计是： 点击新增按钮，出现一个弹层，这个弹层上有输入框，要求用户输入项目的名称。还有确定/取消 按钮。 这个弹层默认是隐藏的一个div，当点击新增按钮后，修改该弹层的隐藏属性为显示。当点击确定/取消按钮后，再把弹层的隐藏属性变为隐藏。 点

vue 父组件跟子组件通信方法调用vant吐司不生效

场景：vue父组件和子组件之间的传递，在子组件弹层需要校验表单弹出校验规则： 修改方法是确定一下vant吐司的z-index值，再看看自己的弹层z-index值，设置比vant吐司的z-index小即可；【我的问题是没有设置z-index值】 this.$toast({ message: '请输入11位手机号', forbidClick: true })

移动端弹出遮罩层后 禁止页面滚动

在开发移动web的时候，相信大家都会遇到当有 fixed定位遮罩层弹出时，在屏幕上滑动能够滑动背景下面的内容，这在大部分场景下都不是和友好的，解决方法如下： CSS overflow:hidden 一般这种情况如果需要阻止滚动嘴简单的方法就是弹层弹出后，给body设置样式 overflow:hidden;在弹层隐藏

内嵌iframe页面在IOS下会受内部元素影响自动撑开的问题

IOS下的webview页面，内嵌iframe元素，将其样式指定为宽高100%： .iframe { width: 100%; height: 100%; }   在安卓下运行均无问题，但是在IOS下会出现异常。 具体表现为iframe页面内的子元素一旦超出原先的边界，只要能影响到html元素的宽高，就会自动撑开iframe，即使html元素设置了ov

Appium UiWatchers 监听解决各种非期待弹窗，弹层，弹弹弹等问题

app自动化时，各种不期待的弹层弹窗，升级广告等时有飞出，由于弹窗具有不定时，不定页面等很多不确定性。有的弹窗很不友好，不×掉，很难进行下一步操作，造成 测试用例失败。而判断是否有弹窗，弹层很麻烦。研究一下 appium和手机通信的原理就不难发现，运行appium时推送手机AppiumBootstrap.jar

Layer弹层（父子传值，兄弟传值）

需求：最外面列表界面点修改弹出LayerA界面，再点击LayerA界面中的选择地图坐标按钮弹出LayerB地图界面 这个过程涉及到的： 1：LayerA将坐标传给LayerB，LayerB在地图上显示坐标。 2：LayerB选完坐标点击确定后，地图关闭，LayerB将坐标传回LayerA         列表界面点击修改按钮弹出LayerA界

解决session失效时，登录页面在子界面打开

session失效后，在点击某个按钮出现弹层（例如：layer）的时候，登录页面会出现在弹层中，登陆后所有页面也全部在弹层中，以下代码就是为了解决session失效时登录嵌套的问题： if (top != window){ top.location.href = window.location.href; } 将上面的js代码写在登录页里面。logi

vue弹层时禁止页面滚动

创建组件时禁止页面滚动： created(){ //禁止页面滑动 document.body.style.overflow='hidden'; document.addEventListener("touchmove", (e) => { e.preventDefault(); }, false); }, 组件销

Taro开发写密码支付弹层

在支付的时候弹出填写密码，模仿了支付宝支付填写密码。主要是利用遮罩的来实现。直接上代码吧。 html设计，通过标记控制显示。 { showPayPwdInput ? <View className="dialog"> <View className="input_main"> <View className="i

如何解决小程序textarea层级最高的问题

问题重现： 当你一个页面有一个textarea的组件的时候，出现一个弹层，你的  textarea的placeholder的内容是弹层上面的，我们可以当弹层出来的时候，给这个textarea的组件隐藏起来，比如说 display：none; opacity:0; visibility:hidden; 但是 这是不可取的，无法解决这个问题，隐藏节点的方式不