Indexlist 索引列表 APP

该方法或组件支持移动端小程序调用

PC

该方法或组件支持桌面端小程序调用

<template>
  <div class="page">
    <div class="demoName">
      <a class="icon" @click="$router.push({path:'/'})"></a>
      <div class="comp-title">Indexlist</div>
    </div>
    <h3>使用方法</h3>
    <Indexlist :list="list" :showAnchor="true" @listItemClick="handleListItemClick" />
  </div>
</template>
<script>
    const list = [
      {
        key: 'A',
        value: 'A 开头的文案',
        sublist: [
          { key: 'Alice', value: 'Alice' },
          { key: 'Area', value: 'Area' },
          { key: 'Android', value: 'Android'},
          // ...
        ]
      },
      // ...
      {
        key: 'G',
        value: 'G 开头的文案',
        sublist: [
          // ...
          { key: 'Gymini', value: 'Gymini' }
        ]
      }
    ];
    export default {
      name: 'indexlistExample',
      data () {
        return {
          list
        }
      },
      methods: {
        handleListItemClick (event, item) {
          console.log(event, item)
          this.$Toast.info({ content: item.value })
        }
      }
    }
</script>