思路:
1、监听表单绑定数据的变更
2、切换页面时判断表单绑定数据是否发生变更。如果发生变更,给出提示,由用户选择放弃变更跳转到新的tab还是留在原tab页面。
<template>
<div>
<el-tabs v-model="activeName" tab-position="left" :before-leave="leaveTab">
<el-tab-pane name="tab_1">
<el-form v-if="activeName==='tab_1'" :model="formItem_tab_1">
<el-form-item label="名称" prop="name">
<el-input v-model="formItem_tab_1.name">