vue van-tabs组件切换tab时候，影响display:fixed属性导致降级问题解决_tabs 组件改变了fixed的参照

vue vant2
van-tabs组件切换tab时候，影响display:fixed属性导致降级问题解决

<template>
	<van-tabs v-model="active">
	  <van-tab title="标签 1">内容 1</van-tab>
	  <van-tab title="标签 2">内容 2</van-tab>
	  <van-tab title="标签 3">内容 3</van-tab>
	  <van-tab title="标签 4">内容 4</van-tab>
	</van-tabs>
</template>
<script>
export default {

 data: () => ({
    active: 0
  }),
  
  watch:{
    // 20220420 vant2 van-tabs 组件 切换tabs时，vant 是用van-tabs__track 下的transform属性实现的这就导致，下级组件display:fixed被降级为absolute或者
    active:{
      immediate:true,
      handler:function(val){
        console.log('第几个',val)
        if(val == 0){
          console.log('我要执行第',val)
          this.$nextTick(function () {
          	// 并不是要把所有页面的transform 都置空，按照个人需求来
            document.getElementsByClassName("van-tabs__track")[0].style.transform = ""
          })
        }
      }
    },
  },
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33