CellFormPreview 组件使用教程

安装

import { CellFormPreview } from 'vux'

export default {
  components: {
    CellFormPreview
  }
}

// 在入口文件全局引入

import Vue from 'vue'
import { CellFormPreview } from 'vux'

Vue.component('cell-form-preview', CellFormPreview)

CellFormPreview 需要在 Group 组件中使用。

  <group>
    <cell title="Total" value="￥1024"></cell>
    <cell-form-preview :list="list"></cell-form-preview>
  </group>

import { CellFormPreview, Group, Cell } from 'vux'

export default {
  components: {
    CellFormPreview,
    Group,
    Cell
  },
  data () {
    return {
      list: [{
        label: 'Apple',
        value: '3.29'
      }, {
        label: 'Banana',
        value: '1.04'
      }, {
        label: 'Fish',
        value: '8.00'
      }]
    }
  }
}

属性