wangluohuoyun-app/demo.vue

<template>
	<view class="content">
		常用
		1、延时一定时间进行回调
		2、获取父组件this
		3、节流防抖
		4、对象克隆
		5、路由跳转
		6、对象修改为地址栏传参
		7、常用规则校验
		8、toast消息提示
		9、弹框提示
		10、请求方法
		11、loading
		12、data强制刷新方法
		13、数组添加元素
		14、条件编译
		15、组件传入当前对象
		16、防止点击穿透
		17、数组删除指定元素
	</view>
</template>

<script>
	export default {
		// 此处为页面级，所以name值可选
		name: 'page',
		data() {
			return {

			}
		},
		onLoad() {

		},
		mounted() {
			// 2、
			// 将会得到父页面的this实例
			uni.$u.$parent.call(this, 'page')
		}
		methods: {
			demo() {
				// 1、
				// 300ms后触发回调
				uni.$u.sleep(300).then(() => {
					console.log('定时结束')
				})
				// 3、
				// <view class="throttle" @tap="$u.throttle(btnAClick, 500)">
				// uni.$u.throttle(this.toNext, 500)
				// <view class="debounce" @tap="$u.debounce(btnAClick, 500)">
				// uni.$u.debounce(this.toNext, 500)
				// 4、
				let b = uni.$u.deepClone(a);
				// 5、
				// 无参数
				uni.$u.route('/pages/components/empty/index');
				// 带参数
				uni.$u.route('/pages/goodSource/shippingDetails', {
					id: 1,
				});
				// 6、
				uni.$u.queryParams(this.data)
				// 7、
				uni.$u.test.idCard('110101199003070134')
				// 8、
				// default/error/success/loading
				// <u-toast ref="uToast"></u-toast>
				// this.$refs.uToast.show({
				// 	type: 'error',
				// 	message: "最多选择3个地区",
				// })
				// let params = {
				// 		type: 'success',
				// 		title: '成功主题(带图标)',
				// 		message: "庄生晓梦迷蝴蝶",
				// 		iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png'
				// 	}
				// this.$refs.uToast.show({
				// 	...params,
				// 	complete() {
				// 		params.url && uni.navigateTo({
				// 			url: params.url
				// 		})
				// 	}
				// })
				// uni.$u.toast('倒计时结束后再发送');
				// 9、
				// <u-modal :show="isShowAlert" :title="alertTitle" :content='alertContent' :closeOnClickOverlay='true' :showCancelButton='true' confirmColor='#22C572'  @confirm="confirmClick" @close="cancelClick" @cancel="cancelClick"></u-modal>
				// confirmClick(){
				// 	this.isShowAlert = fasle
				// },
				// cancelClick(){
				// 	this.isShowAlert = false
				// },
				// 10、
				// this.$request.baseRequest('get', '/commonUser/loginVerifyCode', {
				// 		phone: that.model1.phone,
				// 		verifyCode: that.model1.code
				// 	}).then(res => {
							
				// 	})
				// 	.catch(res => {
					// uni.$u.toast( res.message);
				// 	});
				// 11、
				// 	uni.showLoading({
				// 				title: '登录中',
				// 				mask: true
				// 			})
				// 12、
				// _this.$forceUpdate()
				// 13、
				// 开头添加 unshift
				// 14、
				// #ifdef APP-PLUS
				// #endif
				// 15、$event
				// 16、@click.stop
				// 17、this.carList.splice(index,1)
			}
		}
	}
</script>