想在vue項(xiàng)目中使用vue-awesome-swiper實(shí)現(xiàn)相冊(cè)查看功能，測(cè)試的時(shí)候發(fā)現(xiàn)使用寫(xiě)死的圖片src 時(shí)手勢(shì)縮放沒(méi)有問(wèn)題，但是圖片src集合換到從后臺(tái)獲取到再賦值的，手勢(shì)縮放就不起作用了，不知道是什么原因。（代碼詳情見(jiàn)思否SF：vue-awesome-swiper 手勢(shì)縮放無(wú)效 ）vue template中：style:<style>????.viewImg?.swiper-slide?img?{????width:?100%;????}</style>html template:<div?class="viewImg"?>????????????<a?class="btn-close?f-r"><img?src="/images/icon-close.png"?@click="closeViewer"?alt="關(guān)閉"?title="關(guān)閉"></a>????????????<swiper?:options="swiperOption"?ref="mySwiper">????????????????<swiper-slide?v-for="img?in?images"?:key="img.id">????????????????????<div?class="swiper-zoom-container">????????????????????????<img?:data-src="img.smallSizeUrl"?class="swiper-lazy">????????????????????</div>????????????????</swiper-slide>????????????????<div?class="swiper-button-prev"?slot="button-prev"></div>????????????????<div?class="swiper-button-next"?slot="button-next"></div>????????????</swiper>????????</div>js:import?'swiper/dist/css/swiper.css'??;???? import?{?swiper,?swiperSlide?}?from?'vue-awesome-swiper';???? export?default?{???????? components:?{???????????? swiper,???????????? swiperSlide???????? },???????? data()?{???????????? return?{ swiperOption:? {???????????????????? allowTouchMove:?true,???????????????????? width:?window.innerWidth,???????????????????? notNextTick:?false,???????????????????? observer:true,//修改swiper自己或子元素時(shí)，自動(dòng)初始化swiper???????????? observeParents:true,//修改swiper的父元素時(shí)，自動(dòng)初始化swiper????????????????????loadPrevNext:?true,???????????????????? lazy:?{????????????????????loadPrevNext:?true,??????????????????????},???????????????????? lazyLoading?:?true,????????????????????lazyLoadingInPrevNext:?true,?//?設(shè)置為true允許將延遲加載應(yīng)用到最接近的slide的圖片（前一個(gè)和后一個(gè)slide）。???????????????????? zoom:?true,????????????????????grabCursor:?true,?//?設(shè)置為true時(shí)，鼠標(biāo)覆蓋Swiper時(shí)指針會(huì)變成手掌形狀，拖動(dòng)時(shí)指針會(huì)變成抓手形狀。（根據(jù)瀏覽器形狀有所不同）???????????????????? pagination:?{????????????????????????el:?'.swiper-pagination'????????????????????},???????????????????? navigation:?{????????????????????????nextEl:?'.swiper-button-next',???????????????????????? prevEl:?'.swiper-button-prev'????????????????????}????????????????}???????????? }???????? },????????//定義這個(gè)sweiper對(duì)象???????? computed:?{???????????? swiper()?{?????????????? return?this.$refs.mySwiper.swiper;?}?},???????? mounted?()?{? //這邊就可以使用swiper這個(gè)對(duì)象去使用swiper官網(wǎng)中的那些方法???????????? //?this.swiper.slideTo(0,?1,?false);???????????? },???????? props:?{???????????? images:?{???????????????? required:?true???????????? }???????? },???????? methods:{???????????? closeViewer:?function(){???????????????? this.viewImg?=?false;???????????? }???????? }???? }（慕課的代碼編輯太難看了）