MP-WeUI

Preview

表单预览

引入

import MpPreview from 'mp-weui/packages/preview'

export default {
  components: {
    MpPreview
  }
}

示例

定义数据项

this.rows = [
  {
    label: '商品',
    value: '电动打蛋机'
  },
  {
    label: '标题标题',
    value: '名字名字名字'
  }
]

使用

<mp-preview
  value="￥2400.00"
  title="付款金额"
  ok-text="操作"
  :rows="rows"
/>

Props

cancelText

  • Type: string
  • Default: 取消

取消按钮文字。

confirmText (v1.0.3 后废弃，改为 okText)

  • Type: string

okText

  • Type: string
  • Default: 确定

确定按钮文字。

rows

  • Type: object[]

预览数据项。

showCancel

  • Type: boolean
  • Default: false

是否显示取消按钮。

title

  • Type: string

标题。

value

  • Type: string

显示数据。

Events

onCancel

  • Parameter: $event

点击取消按钮事件

onConfirm (v1.0.3 后废弃，改为 onOk)

  • Parameter: $event

onOk

  • Parameter: $event

点击确定按钮事件

← Progress →