vue 自定义弹框的用法

最新推荐文章于 2024-08-19 11:06:31 发布

LinDon_

最新推荐文章于 2024-08-19 11:06:31 发布

阅读量2.9k

点赞数

分类专栏：笔记文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_46252229/article/details/120819809

版权

笔记专栏收录该内容

55 篇文章 1 订阅

订阅专栏

vue 自定义弹框的用法
一、$prompt 的用法

  console.log('驳回的参数',list);
      this.$prompt('', '原因', {
        inputType: 'textarea',
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        inputPattern: /\S/,
        inputErrorMessage: '原因不能为空',
        inputValidator: (value) => {
          // 点击按钮时，对文本框里面的值进行验证
          if(!value) {
            return inputErrorMessage;
          }
        }
      }).then(({ value }) => {
        console.log('输入框的值',value);
      }).catch(() => {

      })

二、$confirm 的用法

 this.$confirm(`此操作将归为失败, 是否继续?`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        // do
      }).catch(() => {

      })