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>
      <vue-cascader
          ref="cascader"
          v-model="sct_demo"
          :options="options"
          :sctDone="sctDone"
      ></vue-cascader>
  </div>
</template>

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

</script>

属性

名称	类型	默认值	是否必填	说明
options	Object	-	true	级联选择数据对象
sctDone	Function	-	false	选择完毕后的回调方法

方法

名称	说明	默认值
show	通过this.$refs.cascader.showSctList()显示级联选择器