微信小程序中开放能力(二)：获取微信昵称

获取方式

1.将form组件内的input组件的type属性设置nickname

• 当用户点击点击输入框时键盘上方会展示微信昵称。

2.将form组件内的button组件的form-type设置为submit提交表单。

3.通过form的bindsubmit事件回调获取用户昵称

• event.detail.value中包含form组件里面所有带有name属性的表单元素的值

示例

  <form bindsubmit="onSubmit">
    <!-- 如果添加了name属性，form组件submit提交时会自动收集带有name属性的表单元素的值 -->
    <!-- input的type为nickname时点击input输入框键盘上发会弹出微信昵称 -->
    <input type="nickname" name="nickname" placeholder="请输入昵称" />
    <button plain type="danger" form-type="submit">设置昵称</button>
  </form>

  onSubmit(event) {
    // event.detail中获取form里面所有带有name属性的表单元素的值
    console.log(event, event.detail.value);
  },