cjml_select

一个基于elementUi的插件 - 可以和级联菜单结合使用

安装

npm install cjml-select

使用

• 在main.js中添加

import CjmlSelect from 'cjml-select/dist/index.umd'

Vue.use(CjmlSelect);

在Vue组件中使用

<template>
    <div id="app">
        <cjml-select 
            :data="options"
            @item="handleAutoModelSelect"
            :seleceValue="seleceValue">
        </cjml-select>
    </div>
</template>

<script>
    export default {
        name:"app",
        data(){
            return {
                options:[
                    {
                        autoHierarchyId: 1,
                        autoId: 1,
                        autoValue: "A AC Schnitzer",
                        childList: [
                            {
                            autoHierarchyId: 3,
                            autoId: 2,
                            autoValue: "宝马M3系",
                            childList: [],
                            startEndTime: null,
                            },
                        ],
                        startEndTime: null,
                    },
                ],
                seleceValue:""
            }
        },
        methods:{
            handleAutoModelSelect(item,children){
                // item当前选中的对象
                // children 当前对象想的数据
            }
        }
    }
</script>