vue 标签页以及标签页赋值

背景：

使用vue增加了标签页，点击不同标签页传给后端的值不一样，用来做区分，如图：

vue代码如下：

使用 form.PageA   form.PageB ，后端接收到的值 first、second  1、0

 <template>
     <div>
     <el-form ref="form" :model="form" label-width="80px">
     <el-tabs v-model="form.PageA" type="border-card" @tab-click="handleClick">

         <el-tab-pane label="标签页1" name="first">
         <el-tabs v-model="form.PageB" >
             <el-tab-pane label="标签页a" name="0">
         </el-tab-pane>

             <el-tab-pane label="标签页b" name="1">
         </el-tab-pane>

             </el-tabs>

         </el-tab-pane>

       <el-tab-pane label="标签页2" name="second">

         </el-tab-pane>
         </el-tabs>

     </el-form>

     </div>
 </template>

 <script>

 export default {
   data() {
     return {

         form: {
             PageA:'',
             PageB:''
         }
     }
   },

 methods: {

       },

 }
 </script>