NavBar

用来解决深层页面跳转其他页面困难的问题， 初始化的时候是一个圆点，当我们需要跳转其他页面的时候，点击打开就行，同时支持拖动圆点

示例

基本用法

<nut-choose 
        :visibile="showChoose"
        :needCache="true"
        @init-choose="initChoose" 
        @close-choose="closeChoose" 
        @choose-item="closeItem"
        :listData="chooseData"></nut-choose> 

事件

export default {
    data(){
      return {
        showChoose: false,
        loading: false,
        chooseData: []
      }
    },
    methods:{
        initChoose() {
            this.chooseData = [{ 'name': '北京', 'id': 1 },
                { 'name': '上海', 'id': 2 },
                { 'name': '天津', 'id': 3 },
                { 'name': '重庆', 'id': 4 },
                { 'name': '河北', 'id': 5 },
                { 'name': '山西', 'id': 6 },
                { 'name': '河南', 'id': 7 },
                { 'name': '辽宁', 'id': 8 },
                { 'name': '吉林', 'id': 9 },
                { 'name': '黑龙江', 'id': 10 },
                { 'name': '内蒙古', 'id': 11 },
                { 'name': '江苏', 'id': 12 },
                { 'name': '山东', 'id': 13 },
                { 'name': '安徽', 'id': 14 },
                { 'name': '浙江', 'id': 15 },
                { 'name': '福建', 'id': 16 },
                { 'name': '湖北', 'id': 17 },
                { 'name': '湖南', 'id': 18 },
                { 'name': '广东', 'id': 19 },
                { 'name': '广西', 'id': 20 },
                { 'name': '江西', 'id': 21 },
                { 'name': '四川', 'id': 22 },
                { 'name': '海南', 'id': 23 },
                { 'name': '贵州', 'id': 24 },
                { 'name': '云南', 'id': 25 },
                { 'name': '西藏', 'id': 26 },
                { 'name': '陕西', 'id': 27 },
                { 'name': '甘肃', 'id': 28 },
                { 'name': '青海', 'id': 29 },
                { 'name': '宁夏', 'id': 30 },
                { 'name': '新疆', 'id': 31 },
                { 'name': '台湾', 'id': 32 }];
        },
        closeChoose() {
            this.showChoose = false;
            console.log('关闭了弹框');
        },
        closeItem(item,level) {
            console.log('当前选中的数据:');
            console.log(item);
            let self = this;
            if(level == 1) {
                self.chooseData = [
                    {
                    "id": 2816,
                    "name": "密云区"
                    },
                    {
                    "id": 72,
                    "name": "朝阳区"
                    }
                ];
            }
            if(level == 2) {
                self.closeChoose();
            }
        }
    }
}

Props

Events