swiper组件嵌套多层时，外层的切换显示偏移异常，必现

[lvsuming]

<template>  
  <div>
    <tab :line-width=2 v-model="demoIndex">
      <tab-item class="vux-center" :selected="demo===item" v-for="(item,index) in demoList" @click="demo=item" :key="index">{{item}}</tab-item>
    </tab>
    <swiper v-model="demoIndex" height="100px" :show-dots="false" style="width:375px;overflow:hidden;>
      <swiper-item v-for="(item,index) in demoList" :key="index">
        <div class="tab-swiper vux-center">
          {{item}}
          <div v-if="index===0"><!--重点：此处为字符串时正常，为子组件时异常-->
          <tab :line-width=2 v-model="demoIndex2">
            <tab-item class="vux-center" :selected="demo2===item" v-for="(item,index) in demoList2" @click="demo2=item" :key="index">{{item}}</tab-item>
            </tab>
            <swiper v-model="demoIndex2" height="100px" :show-dots="false" style="width:375px;overflow:hidden;">
              <swiper-item v-for="(item,index) in demoList2" :key="index">{{item}}</swiper-item>
            </swiper>
          </div>
          <div v-if="index===1">{{'2222'}}</div>
        </div>
      </swiper-item>
   </swiper>
 </div>
</template>

<script>
import Vue from 'vue';  
import { Tab, TabItem, Swiper, SwiperItem} from 'vux';  
export default {
	name : 'hello',
	components : {
		Tab,
		TabItem,
		Swiper,
		SwiperItem
	},
	data() {
		return {
			demoList : ['A1', 'A2'],
			demo : null,
			demoIndex : 0,
			demoList2 : ['B1', 'B2'],
			demo2 : null,
			demoIndex2 : 0,
		}
	}
};
</script>

实测下图标红部分为0时才正常显示。

下图为重现效果图：第二张应显示‘2222’

[airyland]

不得不说，对比这个 issue，上一个 issue 的问题描述真是太不靠谱了。

[airyland]

目前可以确认的是 swiper 应用场景不支持也不计划支持嵌套，因此该 issue 将关闭，建议使用社区其他组件。