Skip to content

Latest commit

 

History

History
58 lines (50 loc) · 1.35 KB

address.md

File metadata and controls

58 lines (50 loc) · 1.35 KB

Address

Address 依赖于Popup, Picker, Cell

Props

名字 类型 默认 描述
title String 标题
value Array [] 表单值,双向绑定
list Array 地址库, address源码目录下有list.json
inline-desc String cell的子标题

Demos

<template>
  <div>
    <group>
      <address :title="title" :value.sync="value" :list="addressData"></address>
      <cell title="上面value值" :value="value | json"></cell>
      <address :title="title2" :value.sync="value2" raw-value :list="addressData"></address>
      <address title="二级省市" :value.sync="value3" raw-value :list="addressData"></address>
    </group>
    <br/>
    <x-button type="primary" @click="changeData">改变数据</x-button>
  </div>
</template>

<script>
import { Group, Address, AddressChinaData, XButton, Cell } from '../components'

export default {
  components: {
    Group,
    Address,
    XButton,
    Cell
  },
  data () {
    return {
      title: '默认为北京',
      value: [],
      title2: '手动设定',
      value2: ['广东省', '深圳市', '南山区'],
      value3: ['海南省', '儋州市', '--'],
      addressData: AddressChinaData
    }
  },
  methods: {
    changeData () {
      this.value2 = ['430000', '430400', '430407']
    }
  }
}
</script>