CellFormPreview

demo 原始链接demo 源码编辑文档组件源码

cell-form-preview - 图1

二维码

cell-form-preview - 图2

安装

局部注册

全局注册

  1. import { CellFormPreview } from 'vux'
  3. export default {
  4.   components: {
  5.     CellFormPreview
  6.   }
  7. }

  1. // 在入口文件全局引入
  3. import Vue from 'vue'
  4. import { CellFormPreview } from 'vux'
  6. Vue.component('cell-form-preview', CellFormPreview)

CellFormPreview 需要在 Group 组件中使用。

  1.   <group>
  2.     <cell title="Total" value="￥1024"></cell>
  3.     <cell-form-preview :list="list"></cell-form-preview>
  4.   </group>
  1. import { CellFormPreview, Group, Cell } from 'vux'
  3. export default {
  4.   components: {
  5.     CellFormPreview,
  6.     Group,
  7.     Cell
  8.   },
  9.   data () {
  10.     return {
  11.       list: [{
  12.         label: 'Apple',
  13.         value: '3.29'
  14.       }, {
  15.         label: 'Banana',
  16.         value: '1.04'
  17.       }, {
  18.         label: 'Fish',
  19.         value: '8.00'
  20.       }]
  21.     }
  22.   }
  23. }

属性

名字类型默认值说明版本要求
listarray内容列表，键值包括label和value，可缺值v2.2.0
border-intentbooleantrue是否显示边框与左边的间隙v2.2.1-rc.1

贡献者

该组件(包含文档)迭代次数 11，贡献人数 3airylandQiongrong Jianglichunqiang

发布日志

  • v2.2.1-rc.1 [feature] 支持 prop:border-intent, 用以不显示边框与左边间隙
  • v2.2.0 [feature] 新组件