在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ wpvue開發(fā)的小程序,swiper左右滑動頁面不加載

wpvue開發(fā)的小程序,swiper左右滑動頁面不加載

微信小程序的組件swiper的事件:bindchange, 在mpvue里面直接像下面這樣書寫,并不會觸發(fā),為什么?

<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">
                                <p>
                                  <!-- 名詞解釋點擊顯示 -->
                                  <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>
                                </p>
                                <!-- 優(yōu)缺點 -->
                                <div class="text-comparison" v-if="subItem.comparison">
                                    <!-- 優(yōu)點 -->
                                    <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">優(yōu)點</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>
回答
編輯回答
怣痛

原生小程序里是 bindchange 事件,在mpvue里直接用 @change 就好了

2017年3月5日 22:57