uni-app ---小功能整理（复制，上拉加载）

uni-app —小功能整理（复制）

1.复制

<view class="drawer_title leftsd" @click="copyCode(new_url)">APP链接：{{new_url}}</view>

	// 复制
	copyCode(val) {
		uni.setClipboardData({
			data: val,
			success: () => {
				uni.showToast({
					title: "复制成功",
					icon:'none'
				})
			}
		});
	},

2.上拉加载

<view class="loading">{{loadingTxt}}</view>

export default {
		mixins: [MescrollMixin], // 使用mixin
		data() {
			return {
				loadingTxt: '加载更多...',
				}
			},
			onPullDownRefresh() {	//下拉的生命周期
				page = 1;	
				this.getgoodsList('')
			},
			onReachBottom() {	//阻止重复加载
				if (timer !== null) {
					clearTimeout(timer)
				}
				timer = setTimeout(() => this.getgoodsList(''), 500)
			},
			// 上拉加载中的数据
			getgoodsList(title) {
				this.loadingTxt = '加载中...'
				uni.showNavigationBarLoading()
				this.$app.request({
					url: this.$api.goods.goodsList,
					data: {
						cate_id: this.cate_id,
						title: title,
						limit: 5,
						page: page
					},
					method: 'POST',
					dataType: 'json',
					success: res => {
						uni.hideLoading()
						if (res.code == 200) {
							if (res.data === null || res.data.length<=0) {
								this.loadingTxt = "已经加载全部"
								return
							}
							this.goodsList = this.goodsList.concat(res.data);
							//隐藏标题读取
							uni.hideNavigationBarLoading()
							uni.stopPullDownRefresh()
							
							page++
						} else {
							this.$alert(res.msg);
						}
					},
					complete: res => {}
				});
			},

		}

	.loading {
		line-height: 2em;
		text-align: center;
		color: #888;
		margin-top: 30rpx;
		width: 100%;
	}