可选链符的使用

原创已于 2023-06-15 22:37:51 修改 · 97 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#数学建模

于 2023-06-15 21:07:24 首次发布

文章介绍了在小程序开发中如何使用可选链符进行安全的属性访问，以及wx.setNavigationBarTitle动态设置导航栏标题，wx.navigateBack和wx.navigateTo的页面跳转区别。同时，文章详细讲解了利用wechat-validate进行表单验证的步骤，包括安装、引入、定义验证规则等。

可选链符的使用

// 可选链操作符

    const type = ev.mark?.type

    // 与下方三元表达式相同

    const type = ev.mark? ev.mark.type : undefined

如何动态设置navBar的title？

wx.setNavigationBarTitle({title:'xxxxxxx'})

如何后退？

wx.navigateBack({delta: 步数}
它和wx.navigateTo({url: xxx })的区别是：
1navigateTo会添加页面到页面栈。
2navigateBack会将后退的页面出栈 ====> 减少页面栈的数量

可选链运算符.?

obj.a.b ===> obj.a?.b

如何删除对象的属性?

delete obj.a

使用 wechat-validate 做表单校验全流程

1、下包

npm i wechat-validate

2、在要使用的页面引入

// 导入表单验证插件

import validate from 'wechat-validate'

3、在data 中定义你需要的对象

4、在 Page 中写入

// 必引入

behaviors: [validate],

  // 表单校验

  rules: {

    number: [

      {required: true, message: '请填写手机号码!'},

      {pattern: /^1[3-8]\d{9}$/, message: '请填写正确的手机号码!'}

    ]

  }