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

鍍金池/ 問答/HTML/ vue中試用BS3的輪播組件,出現(xiàn)跳轉(zhuǎn)問題。

vue中試用BS3的輪播組件,出現(xiàn)跳轉(zhuǎn)問題。

現(xiàn)在項(xiàng)目是用的vue+bootstrap。
寫了一個(gè)輪播組件

    <template>
    <div id="myCarousel" class="carousel slide ">
        <!-- 輪播(Carousel)指標(biāo) -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
        </ol>   
        <!-- 輪播(Carousel)項(xiàng)目 -->
        <div class="carousel-inner">
            <div class="item" v-for="(carouse, $index) in carousel" :class="{'active': $index==0}">
              <img v-lazy="carouse.ActImg" alt="輪播圖">
                <!-- <div class="carousel-caption">標(biāo)題 1</div> -->
            </div>
        </div>
        <!-- 輪播(Carousel)導(dǎo)航 -->
        <!-- <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> -->
        <!-- <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> -->
    </div> 
</template>
<script>
import $ from 'jquery/dist/jquery'
export default {
  props: {
    carousel: {
      type: Array,
      default: []
    }
  },
  data () {
    return {}
  },
  mounted () {
    console.log(this.carousel)
    $('.carousel').carousel('cycle')
  }
}
</script>
<style lang="stylus" scoped>
#myCarousel
  .carousel-inner
    .item
      max-height 450px
      img 
        width 100%
        max-height 450px
</style>

在首頁引用組建傳參過去一切正常,除了懶加載的loading比較大,
但是在另一頁引用傳參進(jìn)去就會(huì)出現(xiàn)異常。 圖片跳轉(zhuǎn)不正常不是滑動(dòng),直接從1跳到3然后1 我一共四張圖
看了下數(shù)據(jù)和傳值都沒有問題,也木有報(bào)錯(cuò),請(qǐng)教各位能給點(diǎn)建議說明是哪里出現(xiàn)問題了嗎?

回答
編輯回答
你的瞳

試一下
用id 調(diào)用
輪播圖 id 不要搞一樣的
話說 用了 vue 還 加上jq?

2018年8月5日 18:15