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>