Button

按钮

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

bindgetuserinfo 要写成 @getuserinfobindcontact 要写成 @contactbindgetphonenumber 要写成 @getphonenumberbinderrror 要写成 @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
  • 默认值:无
  • 说明:当使用开放能力时,发生错误的回调