本文目录
- element-ui组件扩展 - 自定义confirm弹窗
- element-ui 弹窗显示时 点击页面其他位置会消失
- elementui弹框中表格数据选择后关闭很慢
- vue elementUI点击输入框弹出弹窗不允许输入框输入
- elementui表格禁止ios上拉回弹
- element-ui dialog设置为点击弹窗以外的区域不关闭弹窗
- elementuiie弹窗透明了
- vue（element-ui）删除前提示弹窗this.$confirm
element-ui组件扩展 - 自定义confirm弹窗
我们都知道写一个下面的注册弹窗很简单，直接使用 dialog 就行了。
以上就是注册弹窗的实现了！
***隐藏网址***
***隐藏网址***
element-ui 弹窗显示时 点击页面其他位置会消失
为了解决这个问题查询了官网 得到 如下方法 方法一： 在dialog组件添加 :close-on-click-modal="false" 亲测无效 方法二： 在main.js里面这样操作一波 亲测有效
elementui弹框中表格数据选择后关闭很慢
弹窗元素复杂。由于弹窗包含form表单元素，点击去掉关闭按钮，遮罩层会先隐藏，从而导致弹窗会延迟关闭。element-ui是一个ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。
vue elementUI点击输入框弹出弹窗不允许输入框输入
当点击姓名输入框时，要弹出弹窗在里面选择一个管理员的时候，此时输入框还可以输入字符，为了避免这种情况，应该在获取焦点时，弹出弹窗，然后调用失去焦点的方法。
elementui表格禁止ios上拉回弹
elementui表格禁止ios上拉回弹第一步：在pages.json里添加这行代码，如下图所示，但是 如果你的页面内容很多，有滑动的东西，写完这行代码 整个页面 都不会动了，别着急，第二步就是解决办法"disableScroll": true登录后复制 第二步：直接看代码，实际内容不多。主要代码是下面两行《scroll-view scroll-y="true" class="content" :enhanced="true" :bounces="false" :show-scrollbar="false"》 《!-- 主要是用 scroll-view 标签包裹住内容 --》《/scroll-view》 .content{ //可视高度，需要在多大的盒子中进行滑动 height: 100vh; width: 750rpx;} 注:如果页面有弹窗,最好写在scroll-view外边《template》《view》《scroll-view scroll-y="true" class="content" :enhanced="true" :bounces="false" :show-scrollbar="false"》 《view style="height:500rpx"》 以下模拟内容，你页面的很多很多内容 《/view》《br》《view style="height:500rpx"》 内容《/view》《br》《view style="height:500rpx"》 内容《/view》《br》《view》 内容《/view》《view》 内容《/view》《view》 内容《/view》《view》 内容《/view》《view style="height:500rpx"》 内容《/view》《view style="height:500rpx"》 内容《/view》《br》《view》 内容《/view》《/scroll-view》 《/view》《/template》 《script》《/script》 《style》.content{ //可视高度，需要在多大的盒子中进行滑动height: 100vh; width: 100%;}《/style》登录后复制注：scroll-view 标签 结合第一步，可以完美禁止ios自带的橡皮筋回弹。内容少时,"disableScroll": true生效，内容多时，有第二步
element-ui dialog设置为点击弹窗以外的区域不关闭弹窗
1.第一种 element-ui dialog设置为点击弹窗以外的区域不关闭弹窗 在dialog的上面设置:close-on-click-modal="false" 2.第二种 全局配置 在mian.js里面： import ElementUI from ’element-ui’; // 修改 el-dialog 默认点击遮照为不关闭 ElementUI.Dialog.props.closeOnClickModal.default = false
elementuiie弹窗透明了
默认的点击空白处也就是非弹窗区会关闭。elementuiie弹窗透明了，默认的点击空白处也就是非弹窗区会关闭，有时候不太合适，所以要设置为不可关闭。elementuiie暂时发现使用webpackdevserver的3.8.0版本是可以进行dev模式下的ie开发的。除此之外，还要自己全局引入babelpolyfill，这里我就使用了网上的cdn的网址了。
vue（element-ui）删除前提示弹窗this.$confirm
import { MessageBox } from ’element-ui’ Vue.prototype.$confirm = MessageBox.confirm confirmResult返回结果是字符串，取消是cancel，确定是confirm
