vue pull-to上拉加载

js:
import TopNav from ‘@/components/TopNav.vue’;
import PullTo from ‘vue-pull-to’;

const BOTTOM_DEFAULT_CONFIG = {
    pullText: '上拉加载',
    triggerText: '释放更新',
    loadingText: '加载中...',
    doneText: '加载完成',
    failText: '加载失败',
    loadedStayTime: 400,
    stayDistance: 50,
    triggerDistance: 70
};

export default {
name: ‘Movie’,
data() {
return {
loading: false,
finished: true,
moviceList:[1,1,1,1,1,1,3,3,3,5],
page:1,
BOTTOM_DEFAULT_CONFIG:BOTTOM_DEFAULT_CONFIG
};
},
components: {
TopNav,
PullTo,

},
methods: {
	handleToDetail() {
		this.$router.push('/movieDetail');
	},
	  infiniteHandler(loaded) {
        this.page++;//页码数加一
        console.log(this.page);
	  },
	  getData(){
		  
	  }

}

};

html:

<div class=“movie-item” @click=“handleToDetail” v-for="(item,key) in moviceList">






误杀

观众评分 9.5

主演:肖央,谭卓,陈冲


今天19家影院放映203场



购票


		</pull-to>

猜你喜欢

转载自blog.csdn.net/qypingi/article/details/103669416