Button

按钮

在 mpvue 框架中，Button的各个属性完美支持，在某些写法上略有不同。主要涉及到的类型是 Handler的属性。

bindgetuserinfo 要写成 @getuserinfo，bindcontact 要写成 @contact，bindgetphonenumber 要写成 @getphonenumber，binderrror 要写成 @errror。

对于一些回调函数，比如getuserinfo,在原生小程序中，获取信息为：e.detail,但在mpvue中，获取方式为：e.mp.detail。

size

  • 类型： String
  • 默认值： default
  • 可选值：
    • default
    • mini
  • 说明：按钮的大小

type

  • 类型：String
  • 默认值：default
  • 可选值：
    • primary：确定
    • default：取消
    • warn：警示
  • 说明：按钮的样式类型

plain

  • 类型：Boolean
  • 默认值：false
  • 说明：按钮是否镂空，背景色透明

disabled

  • 类型：Boolean
  • 默认值：false
  • 说明：是否禁用

loading

  • 类型：Boolean
  • 默认值：false
  • 说明：名称前是否带 loading 图标

form-type

  • 类型：String
  • 默认值：无
  • 可选值：
    • submit：提交表
    • reset：重置表单
  • 说明：用于 <form/> 组件，点击分别会触发 <form/> 组件的 submit/reset 事件

open-type

  • 类型：String
  • 默认值：无
  • 可选值：
    • contact：打开客服会话
    • share：触发用户转发
    • getUserInfo：获取用户信息，可以从bindgetuserinfo回调中获取到用户信息
    • getPhoneNumber: 获取用户手机号，可以从bindgetphonenumber回调中获取到用户信息
    • launchApp:打开APP，可以通过app-parameter属性设定向APP传的参数具体说明
  • 说明：微信开放能力

app-parameter

  • 类型：String
  • 默认值：无
  • 说明：打开 APP 时，向 APP 传递的参数

hover-class

  • 类型：String
  • 默认值：button-hover
  • 可选值：自定义类名
  • 说明：指定按钮按下去的样式类。当 hover-class="none" 时，没有点击态效果

hover-start-time

  • 类型：Number
  • 默认值：20
  • 可选值：
  • 说明：按住后多久出现点击态，单位毫秒

hover-stay-time

  • 类型：Number
  • 默认值：70
  • 可选值：
  • 说明：手指松开后点击态保留时间，单位毫秒

bindgetuserinfo

  • 类型：Handler
  • 默认值：无
  • 可选值：
  • 说明：用户点击该按钮时，会返回获取到的用户信息，从返回参数的mp.detail中获取到的值同wx.getUserInfo

lang

  • 类型：Number
  • 默认值：en
  • 可选值：
    • zh_CN ：简体中文
    • zh_TW：繁体中文
    • en ：英文
  • 说明：手指松开后点击态保留时间，单位毫秒

session-from

  • 类型：String
  • 默认值：无
  • 说明：会话来源

send-message-path

  • 类型：String
  • 默认值：当前分享路径
  • 可选值：小程序的页面路径
  • 说明：会话内消息卡片点击跳转小程序路径

send-message-img

  • 类型：String
  • 默认值：截图
  • 可选值：图片的路径
  • 说明：会话内消息卡片图片

show-message-card

  • 类型：Boolean
  • 默认值：false
  • 可选值：
    • false
    • true
  • 说明：显示会话内消息卡片

bindcontact

  • 类型：Handler
  • 默认值：无
  • 说明：客服消息回调

bindgetphonenumber

  • 类型：Handler
  • 默认值：无
  • 说明：获取用户手机号回调

binderrror

  • 类型：Handler
  • 默认值：无
  • 说明：当使用开放能力时，发生错误的回调