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