• CellFormPreview
    • 安装
    • 属性
    • 贡献者
    • 发布日志

    CellFormPreview

    CellFormPreview

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

    cell-form-preview - 图1

    二维码

    cell-form-preview - 图2

    Install

    安装

    局部注册

    全局注册

    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. }

    API

    属性

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

    贡献者

    贡献者

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

    Changelog

    发布日志

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