import{e as a,o as t,G as n}from"./vendor.d721e0a0.js";const l={class:"markdown-body"},p=n(`

Elevator \u7535\u68AF\u697C\u5C42

\u4ECB\u7ECD

\u7528\u4E8E\u5217\u8868\u5FEB\u901F\u5B9A\u4F4D\u4EE5\u53CA\u7D22\u5F15\u7684\u663E\u793A

\u5B89\u88C5

import { createApp } from 'vue';
// vue
import { Elevator } from '@nutui/nutui';
// taro
import { Elevator } from '@nutui/nutui-taro';

const app = createApp();
app.use(Elevator);

\u57FA\u672C\u7528\u6CD5

<nut-elevator :index-list="dataList" :height="260" @click-item="clickItem" @click-index="clickIndex"></nut-elevator>

setup() {
    const state = reactive({
      acceptKey: 'num',
      dataList: [
        {
          title: 'A',
          list: [
            {
              name: '<span>\u5B89\u5FBD</span>',
              id: 1
            }
          ]
        }
        ...
      ],
      dataList2: [
        {
          num: '\u4E00',
          list: [
            {
              name: '\u5317\u4EAC',
              id: 1
            }
          ]
        }
        ...
      ]
    });

    const clickItem = (key: string, item: any) => {
      console.log(key, JSON.stringify(item));
    };

    const clickIndex = (key: string) => {
      console.log(key);
    };

    return { ...toRefs(state), clickItem, clickIndex };
}

\u81EA\u5B9A\u4E49\u7D22\u5F15

<nut-elevator :index-list="dataList2" :height="220" :acceptKey="acceptKey" @click-item="clickItem" @click-index="clickIndex"></nut-elevator>

API

Prop

\u5B57\u6BB5	\u8BF4\u660E	\u7C7B\u578B	\u9ED8\u8BA4\u503C
height	\u7535\u68AF\u533A\u57DF\u7684\u9AD8\u5EA6	Number\u3001String	`200px`
accept-key	\u7D22\u5F15 key \u503C	String	`title`
index-list	\u7D22\u5F15\u5217\u8868	Array\uFF08item\u9700\u5305\u542B id\u3001name\u5C5E\u6027, name\u652F\u6301\u4F20\u5165 html \u7ED3\u6784\uFF09	`[{id: 0, name: ''}]`

Event

\u540D\u79F0	\u8BF4\u660E	\u56DE\u8C03\u53C2\u6570
click-item	\u70B9\u51FB\u5185\u5BB9	key: string, item: { id: 0, name: \u2018\u2019 }
click-index	\u70B9\u51FB\u7D22\u5F15	key: string

`,15),c=[p],i={setup(e,{expose:s}){return s({frontmatter:{}}),(h,o)=>(t(),a("div",l,c))}};export{i as default};