孙组件传值给父组件，点击弹框实现tab跳转

​
今天涉及到一个组件之间的传值。

业务是弹框中点击某一按钮跳到另一个tab标签，而这个弹框是孙组件，tab标签是父组件。

孙组件中直接用 以下方法：

 this.$emit('tabPosition','0')

子组件用v-on="$listeners"：

<ProjectPayDetails v-on="$listeners" @refreshData="refreshData" ></ProjectPayDetails>

父组件去接收：

<ProjectPay v-if="tabPosition == 1" @tabPosition="checkOut($event)"></ProjectPay>

checkOut(val) {
      this.tabPosition = val;
    },

这样就实现了跳转。

​