use.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <view class="content">
  3. 常用
  4. 1、延时一定时间进行回调
  5. 2、获取父组件this
  6. 3、节流防抖
  7. 4、对象克隆
  8. 5、路由跳转
  9. 6、对象修改为地址栏传参
  10. 7、常用规则校验
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. // 此处为页面级,所以name值可选
  16. name: 'page',
  17. data() {
  18. return {
  19. }
  20. },
  21. onLoad() {
  22. },
  23. mounted() {
  24. // 2、
  25. // 将会得到父页面的this实例
  26. uni.$u.$parent.call(this, 'page')
  27. }
  28. methods: {
  29. demo() {
  30. // 1、
  31. // 300ms后触发回调
  32. uni.$u.sleep(300).then(() => {
  33. console.log('定时结束')
  34. })
  35. // 3、
  36. // <view class="throttle" @tap="$u.throttle(btnAClick, 500)">
  37. // uni.$u.throttle(this.toNext, 500)
  38. // <view class="debounce" @tap="$u.debounce(btnAClick, 500)">
  39. // uni.$u.debounce(this.toNext, 500)
  40. // 4、
  41. let b = uni.$u.deepClone(a);
  42. // 5、
  43. // 无参数
  44. uni.$u.route('/pages/components/empty/index');
  45. // 带参数
  46. uni.$u.route('/pages/components/empty/index', {
  47. name: 'lisa',
  48. age: 20
  49. });
  50. // 6、
  51. uni.$u.queryParams(this.data)
  52. // 7、
  53. uni.$u.test.idCard('110101199003070134')
  54. }
  55. }
  56. }
  57. </script>