Vue二级联动(滚动型)

Vue二级联动(2)

  本文主要介绍vue二级联动的另一种形式。

1.vue-multilevel-picker Vue 组件库 三级联动

*原文网址链接:(https://www.jianshu.com/p/9aa54a2a2540)
*Github地址:(https://github.com/darkdragonblade/vue-multilevel-picker)
(1)在Github中下载程序压缩包
(2)install
npm install multilevel-picker
import multilevel from ‘multilevel-picker’; (在main.js里添加 )
Vue.use(multilevel) (在main.js里添加 )

2.三级联动程序运行

(1)三级联动原代码

<template>
  <div class="home">
    <multilevel @done="done" @change="change" :data="data" :column="'3'"></multilevel>
  </div>
</template>

<script>
import cityData from '../../../../city-data.json';
import multilevel from 'multil