@moment-design/choose-address v0.0.2

选择地址组件

使用组件

安装依赖

npm install @moment-design/choose-address --save

使用组件

<template>
  <m-button type="primary" @click="open">选择地址</m-button>
  <ChooseAddress
    ref="refChooseAddress"
    :config="config"
    @handle:change="(v: any[]) => (list = v)"
  ></ChooseAddress>
  <div style="margin-top: 16px">已选数据：{{ list }}</div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import ChooseAddress from '@moment-design/choose-address';
import "@moment-design/choose-address/dist/css/index.css";
import "@moment-design/choose-address/dist/css/index.less";
import { queryGroupList, queryList } from './api';

const config = {
  apis: {
    queryGroupList,
    queryList,
  },
};
const list: any = ref([]);
const refChooseAddress = ref();
const open = () => {
  refChooseAddress.value.open(list.value);
};
</script>

API

Props

ApiConfig

Events

Expose