上架功能两种写法的区别

最新推荐文章于 2024-09-15 19:46:31 发布

是阿狸

最新推荐文章于 2024-09-15 19:46:31 发布

阅读量99

点赞数

文章标签： java html javascript

本文链接：https://blog.csdn.net/m0_64707449/article/details/129725361

版权

文章讨论了两种在Vue.js应用中执行上架操作时的警告确认方法。第一种方式确保用户点击确定后才执行上架并显示成功消息，而第二种方式可能导致在警告框仍显示时就触发成功提示。这两种写法涉及Promise和异步控制流程。

摘要由CSDN通过智能技术生成

第一种写法：

        /**
         * 上架
         */
        grounding (row) {
          let _this = this;
          this.$confirm('是否确认上架该数据项?', '警告', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(function () {
            return getTopNext(row.id,null,1,store.getters.userInfo.userId);
          }).then(data => {
            _this.page.currentPage = 1;
            _this.getList(this.page);
            _this.showToal('提示', '上架成功', 'success');
          })
        },

上面得写法可以点击上架之后提示警告：

点击确定之后，才会提示上架成功

第二种写法：

        /**
         * 上架
         */
        grounding (row) {
          let _this = this;
          this.$confirm('是否确认上架该数据项?', '警告', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          })
          getTopNext(row.id,null,1,store.getters.userInfo.userId).then(data => {
            _this.page.currentPage = 1;
            _this.getList(this.page);
            _this.showToal('提示', '上架成功', 'success');
          })
        },

这种写法会导致，在出现警告框的时候，就会提示上架成功。