vue el-element ui 提醒用户先保存再继续后面操作

您可以使用 Element UI 中的 MessageBox 弹框组件来实现提醒用户先保存再继续后面操作。以下是一个示例代码：

<template>
  <div>
    <el-button @click="handleClick">点击进行操作</el-button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      const self = this;
      this.$confirm('您还没有保存，是否继续操作？', '提示', {
        confirmButtonText: '继续操作',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        // 用户点击了继续操作
        // 在这里进行后续操作
      }).catch(() => {
        // 用户点击了取消
        self.$message({
          type: 'info',
          message: '已取消操作'
        });
      });
    }
  }
}
</script>

在上面的代码中，我们使用了 Element UI 中的 MessageBox 弹框组件，并设置了 confirmButtonText、cancelButtonText 和 type 属性来定制确认按钮、取消按钮和弹框类型。当用户点击确认按钮时，我们可以在 then 中进行后续操作；当用户点击取消按钮时，我们可以在 catch 中提示用户已取消操作。