the event of WeChat Mini Programs"s component swiper: bindchange, is written directly in mpvue like the following, and will not be triggered, why?

<swiper class="content_top weui-article" :current=currentTab  @bindchange="switchTab" :style="{height:winHeight + "px"}">
    <swiper-item class="content-item" :id=""article" + index" v-for="(item, index) in sectionList" :key="index">
         <scroll-view scroll-y id="articleContent">
             <h3 class="title" style="position:relative">
                 <img class="icon title-img" :src="iconMap[item.title]" alt="">
              </h3>
              <div class="sub-wrap"  v-for="(subItem, otherIndex) in item.subTabs" :key="otherIndex">
                  <div class="desc-img relative">
                      <div class="dash-border"></div>
                          {{subItem.title}}
                      </div>
                      <div class="house-content">
                            <div class="text-snippet" :key="minIndex" v-for="(post, minIndex) in subItem.posts">
                                

                                  <!--  -->
                                  <span @tap="openExplain(textItem)" :class="{"text-explain": textItem.type === "explain", "text-bold": textItem.type === "bold"}" v-for="(textItem, textIndex) in post.dictionarys" :key="textIndex"> {{textItem.content}} </span>
                                
                                <!--  -->
                                <div class="text-comparison" v-if="subItem.comparison">
                                    <!--  -->
                                    <div class="text-advantage">
                                        <div class="advantage-icon-title">
                                            <div class="sibling-title good-point-bg">
                                              <i class="iconfont icon-youxiu1"></i>
                                            </div>
                                            <span class="sibling-title-desc good-point"></span>
                                        </div>
                                        <div class="advantage-desc" style="text-indent:11rpx;">
                                          <div class="segmentation-wrap">
                                            <div class="segmentation-text" :key="Tindex" v-for="(text,Tindex) in subItem.advantageList">
                                                <div class="segmentation-text-left parallel-text">
                                                  <i class="iconfont icon-quan-2 good-point"></i>
                                                </div>
                                                <div class="segmentation-text-right parallel-text" style="text-indent: 0">
                                                  {{text}}
                                                </div>
                                            </div>
                                          </div>
                                        </div>
                                    </div>
                                    <!--  -->
                                    <div class="text-disadvantage">
                                        <div class="disadvantage-icon-title">
                                          <div class="sibling-title bad-point-bg">
                                              <i class="iconfont icon-quedian-"></i>
                                          </div>
                                          <span class="sibling-title-desc bad-point"></span>
                                        </div>
                                        <div class="disadvantage-desc" style="text-indent:11rpx;">
                                          <div class="segmentation-wrap">
                                            <div class="segmentation-text" :key="Bindex" v-for="(text,Bindex) in subItem.disadvantageList">
                                                <div class="segmentation-text-left parallel-text">
                                                  <i class="iconfont icon-quan-2 bad-point"></i>
                                                </div>
                                                <div class="segmentation-text-right parallel-text" style="text-indent: 0">
                                                  {{text}}
                                                </div>
                                              </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="single-img-snippet" :key="imgIndex" v-for="(imgItem, imgIndex) in post.imgs">
                                  <i class="weui-loading center-img"></i>
                                  <img class="single-img" :src="imgItem.url">
                                  <span class="single-img-desc">{{imgItem.imgDescription}}</span>
                                </div>
                            </div>
                            <!-- <wxParse :content="subItem.content"></wxParse> -->
                        </div>
                    </div>
                  </scroll-view>
              </swiper-item>
</swiper>