vue-index-list

A Vue 2.0-based UI component that passes in an array of specific formats to display a slideable list with a list of right-side indexes. It is learn from mint-ui;

Try the demo

How to use?

(jquery is needed !)
npm i vue-index-list

Example

<template>
  <index-list :comp_data="comp_data" style="height: 400px;overflow-y: scroll;" @handle_chooseComp_f = "handle_chooseComp_f"></index-list>
</template>

<script>
  import IndexList  from 'vue-index-list';
  export default {
    name: 'HelloWorld',
    components: {'index-list': IndexList},
    data () {
      return {
        comp_data: {rows:[['80163340', '安信基金', 'AXJJ'],
          ['80000226', '博时基金', 'BSJJ'],
          ['80510904', '金信基金', 'JXJJ'],
          ['80554846', '南华基金', 'NHJJ']]},
      }
    },
    methods:{
      handle_chooseComp_f(code,name){
        console.log(code);
      }
    }
  }
</script>

demo:

Options

| Property | Description | type | default | | ----------------- | ---------------- | :--------: | :----------: | | comp_data | the data source for the list and index-list | object | {rows: [] } |

Functions

| Function Name | Description | params | :--------: | ----- | ----- | | handle_chooseComp_f | when the list item are clicked | code , name |