12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <template>
- <view class="content">
- 常用
- 1、延时一定时间进行回调
- 2、获取父组件this
- 3、节流防抖
- 4、对象克隆
- 5、路由跳转
- 6、对象修改为地址栏传参
- 7、常用规则校验
- </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/components/empty/index', {
- name: 'lisa',
- age: 20
- });
- // 6、
- uni.$u.queryParams(this.data)
- // 7、
- uni.$u.test.idCard('110101199003070134')
- }
- }
- }
- </script>
|