element中的$confirm的使用


Posted in Javascript onApril 26, 2020

可以诸如此类的封装一下

/*
 * 公用提示窗
 * @export
 * @param {string}[desc="确认操作"]弹框提示文字
 * @param {string}[title="提示"]弹框标题
 * @param{string}[confirmButtonName ='确认']确认按钮文字
 * @param {string}[cancelButtonName="取消"] 取消按钮文字
 * @param{boolean}[distinguishCancelAndClose = false]关系和取消是否执行同一方法
 *@return
 *
 */
export function confirm (desc = '确认操作', title = '提示', confirmButtonName = '确认', cancelButtonName = '取消', distinguishCancelAndClose = false) {
 return this.$confirm(desc, title, {
  confirmButtonName: confirmButtonName,
  cancelButtonName: cancelButtonName,
  distinguishCancelAndClose: distinguishCancelAndClose,
  closeOnClickModel: false,
  type: 'warning',
  center: true
 })
}
xxx//vue
submitSome(){
  try(){
    async utils.confirm.call(this,"确认要删除吗")
    const formData = {
      'id':this.id
    }
    let res = await this.$post('/sss',formData)
    if(res.code===1){
     //do something
    }
  }catch(e){
   console.log(e)
   // 如果需要关闭和取消有所区别
   if(e==='close'){
    //do something
   }else if(e==='cancel'){
    //do something
   }
  }
}

this.$confirm确定框内容换行显示

// 把写的提示信心需要换行的地方分成数组 confirmText 
const confirmText = ['是否将此项移除?', '注意:移除后不可恢复。'] 
const newDatas = [] 
const h = this.$createElement 
for (const i in confirmText) { 
   newDatas.push(h('p', null, confirmText[i])) 
} 
 this.$confirm( 
   '提示', 
   { 
     title: '提示', 
     message: h('div', null, newDatas), 
     showCancelButton: true, 
     confirmButtonText: '确定', 
     cancelButtonText: '取消', 
     type: 'warning' 
   } ).then(() => { })

到此这篇关于element中的$confirm的使用的文章就介绍到这了,更多相关element $confirm 内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
用于自动添加Digg This!按钮的JavaScript
Dec 23 Javascript
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 Javascript
jquery 页面全选框实践代码
Apr 02 Javascript
jQuery结合HTML5制作的爱心树表白动画
Feb 01 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
Feb 18 Javascript
AngularJS基础 ng-options 指令详解
Aug 02 Javascript
AngularJs Scope详解及示例代码
Sep 01 Javascript
浅谈移动端之js touch事件 手势滑动事件
Nov 07 Javascript
JS判断两个对象内容是否相等的方法示例
Apr 10 Javascript
原生js轮播特效
May 18 Javascript
vue学习教程之带你一步步详细解析vue-cli
Dec 26 Javascript
JavaScript监听一个DOM元素大小变化
Apr 26 #Javascript
分享一款超好用的JavaScript 打包压缩工具
Apr 26 #Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
Apr 26 #Javascript
javascript 使用sleep函数的常见方法详解
Apr 26 #Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 #Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
Apr 26 #Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
Apr 26 #Javascript
You might like
不用GD库生成当前时间的PNG格式图象的程序
2006/10/09 PHP
php实现格式化多行文本为Js可用格式
2015/04/15 PHP
PHP list() 将数组中的值赋给变量的简单实例
2016/06/13 PHP
Laravel学习教程之IOC容器的介绍与用例
2017/08/15 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
firefo xml 读写实现js代码
2009/06/11 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
jquery通过select列表选择框对表格数据进行过滤示例
2014/05/07 Javascript
jQuery 计算iframe 窗口大小的方法
2014/05/13 Javascript
jQuery中appendTo()方法用法实例
2015/01/08 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
2015/03/13 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
2016/05/09 Javascript
基于JS实现textarea中获取动态剩余字数的方法
2016/05/25 Javascript
JavaScript性能优化总结之加载与执行
2016/08/11 Javascript
jquery自定义表单验证插件
2016/10/12 Javascript
js代码实现下拉菜单【推荐】
2016/12/15 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
vue-devtools的安装和使用步骤详解
2019/10/17 Javascript
vue 通过绑定事件获取当前行的id操作
2020/07/27 Javascript
小程序实现点击tab切换左右滑动
2020/11/16 Javascript
[00:12]2018DOTA2亚洲邀请赛 Somnus丶M出阵单挑
2018/04/06 DOTA
Python守护进程(daemon)代码实例
2015/03/06 Python
用Python进行简单图像识别(验证码)
2018/01/19 Python
对python中dict和json的区别详解
2018/12/18 Python
pandas DataFrame 交集并集补集的实现
2019/06/24 Python
TensorFlow车牌识别完整版代码(含车牌数据集)
2019/08/05 Python
tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T
2020/06/22 Python
如何判断一段程序是由C 编译程序还是由C++编译程序编译的
2013/08/04 面试题
教师岗位职责
2013/11/17 职场文书
幼儿园门卫制度
2014/01/29 职场文书
人事专员的岗位职责
2014/03/01 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
SpringMVC 整合SSM框架详解
2021/08/30 Java/Android
logback 实现给变量指定默认值
2021/08/30 Java/Android
javascript Number 与 Math对象的介绍
2021/11/17 Javascript
Java 超详细讲解十大排序算法面试无忧
2022/04/08 Java/Android