vue父组件向子组件传值问题

Question

我做一个登陆界面使用的elementui里面的tabs来分为学生登陆和老师登陆

<el-tabs v-model="activeName" @tab-click="handleClick">
  <el-tab-pane label="学生登陆" name="first">
    <tabs></tabs>
  </el-tab-pane>
  <el-tab-pane label="教师登陆" name="second">
    <tabs></tabs>
  </el-tab-pane>
</el-tabs>

共用一个子组件tabs（这只是一个子组件而不是选项卡，写的时候没注意这么多），但是我在子组件里面又需要知道父组件是点击的哪个tabs从而实现不同的登陆，tabs也带了一个点击事件handleClick来判断点击的哪个选项卡，但是又怎么交给子组件去判断呢？求大佬为我解答~

Answer 1

通过tab-click事件,然后将当前选中的tab赋值给data里面的一个变量来保存当前选中的tab,然后通过判断该变量来判断当前选中的tab.