vue-cascader-zcy v2.0.4

vue-cascader-zcy

a vue component of cascade selecto for pc

pc端级联选择器（>=vue2.0）

使用方法

npm安装

npm install vue-cascader-zcy

import VueCascader from 'vue-cascader-zcy'
Vue.use(VueCascader);

Quickstart

<template>
    <div class="select-item">
        <input class="sct-ipt" @click="showCascader" v-model="sct_demo" readonly>
        <sny-cascader
            ref="cascader"
            v-model="adrList"
            label-name="name"
            value-name="id"
            other-value-name="cost"
            child-name="childList"
        :options="adrOptions"
        @change="sctDone">
    </sny-cascader>
</div>
</template>

<script>
    export default {
    data() {
    return {
    sct_demo: "",
    options: "json对象",
};
},
    components: {
    VueCascader
},
    methods: {
    showCascader() {
    this.$refs.cascader.showSctList();
},
    sctDone(obj) {
    const { value, label, otherValue } = obj;
}
}
};

</script>

属性

方法