scroll文件中的index.vue 中 watch：{}用法是什么意思

收起

2回答

好帮手慕糖回答被采纳获得+3积分 2018-10-08 14:29:13

你好，watch是当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会执行。就类似于还用通过change事件来判断input的变化一样。这里是在监听tada是否发生变化，当发生变化时，调用update来更新滚动条。

若能帮助到你，望采纳。

祝学习愉快！

好帮手慕糖 2018-10-08 13:57:15

你好，watch 是监控数据变化。

若能帮助到你，望采纳。

祝学习愉快！

提问者慕斯卡5217687 #1

<template> <swiper :options="swiperOption" ref = 'swiper'> <swiper-slide> <slot></slot> </swiper-slide> <div class="swiper-scrollbar" v-if="scrollbar" slot="scrollbar"></div> </swiper> </template> <script> import {swiper,swiperSlide} from 'vue-awesome-swiper'; export default { name: "MeScroll", components:{ swiper, swiperSlide }, props:{ scrollbar:{ type:Boolean, default:true }, data:{ type:[Array,Object] } }, data(){ return{ swiperOption:{ direction: 'vertical', slidesPerView: 'auto', freeMode: true, setWrapperSize: true, scrollbar: { el: this.scrollbar ? '.swiper-scrollbar' : null, hide: true } } }; }, watch:{ data(){ this.update(); } }, methods:{ update(){ this.$refs.swiper && this.$refs.swiper.swiper.update(); } } } </script> <style lang="scss" scoped> .swiper-container { overflow: hidden; width: 100%; height: 100%; } .swiper-slide{ /*height: 1900px;*/ height: auto; } </style> 老师能说的详细点么，在这个文件中 watch中的data(){} 又是什么

2018-10-08 14:15:03