美文网首页
使用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