vue 关于 element ui confirm返回 Promise true false 异步处理

这篇具有很好参考价值的文章主要介绍了vue 关于 element ui confirm返回 Promise true false 异步处理。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

<template>
  <div class="l-tips">
    <el-button @click="handleClick">按钮</el-button>
  </div>
</template>

<script lang="ts">
import { Options, Vue } from 'vue-class-component';
import {  ElMessageBox } from 'element-plus';
@Options({
  components: {
  },
})
export default class PageTips extends Vue {

  async handleClick() {
 const result = await   ElMessageBox.confirm('请确认提交吗?',{
      title:'提示',
      type:'warning',
    }).then(()=>{
      return true;
    }).catch(()=>{
      return false;
    });

    console.log(result);
  }

}
</script>

<style lang="scss" scoped>
</style>

点击确定后返回true

elementui的confirm返回值,vue组件封装,vue.js,ui,javascript文章来源地址https://www.toymoban.com/news/detail-617746.html

到了这里,关于vue 关于 element ui confirm返回 Promise true false 异步处理的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 饿了么UI/element Popconfirm气泡确认框 confirm事件

    本文:饿了么UI/element Popconfirm气泡确认框 confirm/cancel事件 饿了么官网说: 属性Attributes 参数 说明 类型 可选值 默认值 title 标题 String — — confirm-button-text 确认按钮文字 String — — cancel-button-text 取消按钮文字 String — — confirm-button-type 确认按钮类型 String — Primary cancel-butt

    2023年04月08日
    浏览(39)
  • (el-switch)操作(不使用 ts):Element-plus 中 Switch 将默认值修改为 “true“ 与 “false“(字符串)来控制开关

    1、 Element-plus 提供 Switch 组件情况: 其一、 Element-ui 自提供的 Switch 代码情况为(示例的代码): 代码地址: https://element-plus.gitee.io/zh-CN/component/switch.html#基础用法 其二、页面的显示情况为: 2、目标想修改后的情况: // 虽然显示的页面是一样的,但是可能后台返回的值是要为字

    2024年02月13日
    浏览(26)
  • Vue.js 中使用 Element UI 实现异步加载分页列表

    在前端开发中,我们常常需要展示大量数据,并提供分页浏览的功能。本篇博客将介绍如何使用 Vue.js 和 Element UI 组件库创建一个简单的异步加载分页列表。 Vue.js Element UI JavaScript 我们将创建一个包含表格和分页组件的 Vue 单文件组件。以下是组件的基本结构: 引入 Element U

    2024年02月04日
    浏览(44)
  • element-ui中 this.$confirm修改确定取消按钮顺序和样式

    首先其他博客上说是给 this.$confirm中添加取消样式,我试过了无效

    2024年02月14日
    浏览(29)
  • element-ui中this.$confirm提示文字中,部分有颜色(自定义)

    如图 想要让element-ui中的提示文字中,部分有颜色可以如下设置: MessageBox 组件可以通过传递一个 HTML 片段来自定义对话框内容的样式。 注意,在使用 MessageBox 组件时需要添加 dangerouslyUseHTMLString: true 选项来启用自定义 HTML 片段。 可以直接这么写 也可以封装成一个变量 为了

    2024年02月07日
    浏览(38)
  • 循环异步调取接口使用数组promiseList保存,Promise.all(promiseList)获取不到数组内容,then()返回空数组

    在使用 vue + vant@2.13.2 技术栈的项目中,因为上传文件的接口是单文件上传,当使用批量上传时,只能循环调取接口;然后有校验内容:需要所有文件上传成功后才能保存,在文件上传不成功时点击保存按钮,则提示信息: \\\"文件上传未成功!\\\" 。 我使用 for 循环调取接口,然

    2024年01月18日
    浏览(29)
  • 关于 vue 2 element-ui 适配移动端

    1. 安装 lib-flexible npm install lib-flexible 2. 在main.js引入 import \\\'lib-flexible/flexible.js\\\' 3. 安装 postcss-plugin-px2rem npm install postcss-plugin-px2rem 4. 在 vue.config.js 文件中添加css配置(在项目根目录下,没有就新建一个vue.config.js 向外module.exports,粘贴css部分)

    2024年02月12日
    浏览(29)
  • vue+element ui 关于表格中多行增加上传文件操作

    先创建一个表格标签,表格中需要先写上上传文件的组件 在data中定义一个表格数组,数组中的fileIdList是我需要存储的信息,可自行参考 表格多行上传的难点在于,需要把上传的文件和表格中的行一一对应,所以在handleSuccess和handleRemove方法中多传入了一个scope,scope参数是自

    2024年02月14日
    浏览(32)
  • vue学习笔记-关于element ui 安装失败的问题解决

    今天学习vue时,对element ui进行安装,运行 npm install element-ui -S 命令,出现报错: 查看我npm版本,8.9.0,看一些博客说npm版本太高了,需要降低npm的版本,之后,又查了查,看到别的博客,找到了解决的办法: 或者使用 element plus 我两种都安装了,现阶段使用的是elementUI ,看

    2024年02月11日
    浏览(33)
  • vue详细用法,ajax异步请求,案例分析 Element-ui组件使用,表单提交更新,下载,超详细

    标签及属性的使用 1.1 template 标签 1.2 form表单 1.2.1 ref属性 1.2.2 :model属性 1.2.3 :rules属性 1.2.4 label-width属性 1.2.5 el-row标签 1.2.5 el-col 标签 :span=\\\"12\\\"属性 1.2.5 el-form-item 标签 1.2.6 label 属性 1.2.7 prop属性 required 1.2.9 v-model属性 1.2.8 placeholder属性 效果图: 1.3 Select 选择器 当选项过多时,

    2023年04月12日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包