this.$confirm 的.then 中执行 this 失败

最新推荐文章于 2023-11-02 17:59:36 发布
最新推荐文章于 2023-11-02 17:59:36 发布
阅读量3.4k 收藏 1
点赞数 4
分类专栏： vue相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lcz134258/article/details/106410633
版权
转载为了学习
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中confirm实现执行操作前弹出确认框的方法
10-25
主要介绍了js中confirm实现执行操作前弹出确认框的方法,是执行删除等操作时常用的功能,非常具有实用价值,需要的朋友可以参考下
vue实现在一个方法执行完后执行另一个方法的示例
12-09
用Promise来实现 function2(){ // 你的逻辑代码 return Promise.resolve(/* 这里是需要返回的数据*/) } function3(){ // 你的逻辑代码 return Promise.resolve(/* 这里是需要返回的数据*/) } // 调用 function1(){ this.function2().then(val => { this.function3(); }); } 拓展知识：vue解决一个方法同时发送多个请求的问题 在项目开发过程中，让人抓狂之一的问题就是一个点击事件，当快速点击的时候，它会重复
Export2excel.js和Blob.js
11-01
用于VUE界面导出生成excel文件，使用代码粘贴如下： outExe () { this.$confirm('此操作将导出excel文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.excelData = this.dataList // 你要导出的数据list。 this.export2Excel() }, export2Excel () { var that = this require.ensure([], () => { const { export2Excel } = require('../../../../excel/Export2Excel') // 这里必须使用绝对路径 const tHeader = ['交易日期', '收/付款方式', '买/卖', '币种', '成交数量', '手续费', '成交金额', '交易状态'] // 导出的表头名 const filterVal = ['date', 'modePayment', 'bussinessDirection', 'assetName', 'exchangeQuantity', 'Fee', 'exchangeAmount', 'status'] // 导出的表头字段名 const list = that.excelData const data = that.formatJson(filterVal, list) let time1 = '' let time2 = '' /* if (this.start !== '') { time1 = that.moment(that.start).format('YYYY-MM-DD') } if (this.end !== '') { time2 = that.moment(that.end).format('YYYY-MM-DD') } */ export2Excel(tHeader, data, `[${time1}-${time2}]历史记录excel`)// 导出的表格名称，根据需要自己命名 }) } 学习地址为：https://www.cnblogs.com/liguiwang/p/8430672.html
微信商城小程序WeiMall v1.0
04-22
微信商城小程序WeiMall实现一个移动端小商城，项目持续更新中...使用技术：Weui.wxss 、 ES6微信商城小程序WeiMall增删改查import ServiceBase from 'ServiceBase'class Service extends ServiceBase { constructor() { super() this.$$prefix = '' this.$$path = { wechatSignUp: '/index/wechatSignUp', wechatSignIn: '/index/wechatSignIn', decryptData: '/index/decryptData', signIn: '/index/signIn', signOut: '/index/signOut', data:'/index/data', detail: '/index/detail', add: '/index/add', del: '/index/del', update: '/index/update' } }wechatSignUp(params) { return this.postRequest(this.$$path.wechatSignUp, params) }wechatSignIn(params) { return this.postRequest(this.$$path.wechatSignIn, params) }wechatDecryptData(params) { return this.postRequest(this.$$path.decryptData, params) } signIn(params) { return this.postRequest(this.$$path.signIn, params) }signOut() { return this.postRequest(this.$$path.signOut) }//获取表格分页数据 getData(params) { return this.getRequest(this.$$path.data, params) }//获取单条数据 getDetail(params) { return this.getRequest(this.$$path.detail, params) }//新增数据 addData(params){ return this.postRequest(this.$$path.add, params) }//删除数据 delData(params) { return this.getRequest(this.$$path.del, params) }//更新数据 updateData(params) { return this.getRequest(this.$$path.update, params) }}export default Service //调用数据 App.HttpService.getData({ table:'banner', page:1 }).then(data=>{ if(data.code==0){ data.data.forEach(n => n.path = App.renderImage(n.img)); this.setData({ images: data.data }); }else{ this.showModal(data.message); } });//新增数据 App.HttpService.addData(params).then(data => { if (data.code == 0) { this.showToast(data.message) } });//更新数据 App.HttpService.updateData(params).then(data => { if (data.code == 0) { this.showToast(data.message); } });//删除数据 App.WxService.showModal({ title: '友情提示', content: '确定要删除这个地址吗？', }) .then(data => { if (data.confirm == 1) { App.HttpService.delData({ table: 'address', id: id }).then(() => App.WxService.navigate
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
12-09
调试了好久, 还能凑合用, 请直接看DOME 示例,复制就能用: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <style media="screen" type="text/css"> #appLoading { width: 100%;
解决vue+el使用this.$confirm，不能阻断代码往下执行
热门推荐
qq_36637705的博客
12-23 1万+
前言 在vue+element ui的前端框架中使用el的confirm弹窗，遇到一个问题，就是连续多个弹窗提示一些信息，要是点击确定继续向下执行，点击取消就退出整个方法。这时发现当代码执行到this.$confirm弹窗时，弹出弹窗后，继续执行了弹窗之后的代码，没有等到弹窗点击确定或是取消之后再执行。 具体解决 其实解决办法也很简单，因为this.$confirm也是一个promise方法，所以...
Ant Design Vue全局对话确认框（confirm）的回调不触发
cwb_2120的博客
11-14 2096
解决ant design vue确认框 点击确认和取消问题
为什么$confirm无法执行then后面的东西，只能执行catch
fury的博客
05-04 970
如果你点确定也会走弹出取消的内容，那就是你的 then 里面写的代码出错了，会被catch捕获。使用$confirm点击出现弹框 无论点击确定还是取消，走的都是取消的选项，结果都是取消的结果。理论上点击确定会走 then, 点击取消会走 catch。
前端问题集（2）：Ant Design Vue 中使用 this.$confirm 时，this调用其他方法失败。
Yooao的博客
06-26 5407
Ant Design Vue 中使用 this.$confirm 时，this调用其他方法失败，提示是该方法未定义。
element UI中 this.$confirm点击取消还是发请求
m0_58788799的博客
09-28 1148
element UI中 this.$confirm点击取消还是发请求？？？
Vue 实现一个命令式弹窗组件功能
12-13
this.$Confirm({ title:'自定义标题' }).then(res=>{ console.log(res) }) 目录结构 index.vue：组件布局、样式、交互逻辑 index.js：挂载组件、暴露方法 知识点 在此之前，了解下涉及的知识点 1. ...
element ui的气泡确认框 点击确定没反应的问题
你走过的路 风都是暖的
03-02 1540
官网解释 但是我们加上此点击事件后, 点击确定并没有执行相对应的方式 解决办法: @onConfirm
vue中this失效问题
qq_44716001的博客
05-31 1063
点击confirm按钮后，执行function方法中，如果在方法内容要使用data中定义的一个变量，使用this.ids时，发现此时的this是undefined，无法直接进行引用，原因是因为。箭头函数出现在es6，箭头函数里面没有this对象，此时的this对象指的是是外层的 this 对象，所以入如果在函数中要引用外面的this对象，推荐使用箭头函数。this.$modal.confirm('是否确认删除编号为"' + _that.ids + '"的数据项？
若依框架中$modal.confirm(““)信息不能识别换行
weixin_44506660的博客
04-20 1292
今天在写若依前端项目的时候发现$modal.confirm（）不能换行，我试了/n,/r<br/>都不行。$modal.confirm() 是若依封装了的，发现换行的效果不行，$comfirm 为element-ui带的组件， 我后面用的这个。
vue confirm使用
kitonGao的博客
10-16 1006
【代码】vue confirm使用。
element-ui报错：Uncaught (in promise) cancel，在使用this.$confirm中报错
changyana的博客
10-13 484
这是因为this.$confirm的使用是要带.catch()函数的，如果删除了则会出现如上报错。点击了关闭按钮就会报错。
vue2同时使用ant-design-vue和element-ui导致this.$confirm({})方法不生效解决方法
m0_65360496的博客
11-02 1005
【代码】vue2同时使用ant-design-vue和element-ui导致this.$confirm({})方法不生效解决方法。
node-v9.9.0-win-x86.zip
最新发布
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
this.$root.$confirm
08-04
this.$root.$confirm是一个Vue.js中的方法，用于显示一个确认对话框。它的具体实现可以根据不同的项目和组件库而有所不同。根据提供的引用内容，我们可以看到在引用[1]和引用[2]中都使用了this.$confirm方法来显示确认对话框。这个方法接受三个参数：确认消息、对话框标题和选项对象。选项对象中可以设置确认按钮的文本、取消按钮的文本和对话框的类型。当用户点击确认按钮时，会执行then回调函数，而当用户点击取消按钮时，会执行catch回调函数。在这些回调函数中，可以执行相应的操作，比如显示成功或取消的提示消息。根据提供的引用内容，我们可以看到在确认对话框的then回调函数中显示了成功的提示消息，而在catch回调函数中显示了取消的提示消息。所以，this.$root.$confirm方法可以用于显示一个确认对话框，并根据用户的选择执行相应的操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值