美文网首页
使用el-tab-pane添加返回按钮

使用el-tab-pane添加返回按钮

作者: Poppy11 | 来源:发表于2020-08-26 10:18 被阅读0次

效果如下图所示

image.png
before-leave 切换标签之前的钩子,若返回 false 或者返回 Promise 且被 reject,则阻止切换。
  <el-tabs type="border-card" v-model="activeIndex" :before-leave="beforeLeave">
<el-tab-pane name="0">
       <span slot="label" style="padding: 8px">
         <div class="el-icon-back" style="font-weight: bold;color: rgb(1,171,158)"/>
       </span>
</el-tab-pane>
</el-tabs>


beforeLeave(activeIndex, oldActiveIndex) {
        if (activeIndex === '0') {
          this.$router.back()
          return false
        }
      },

相关文章

网友评论

      本文标题:使用el-tab-pane添加返回按钮

      本文链接:https://www.haomeiwen.com/subject/rrrxsktx.html