<template>
  <div class="demo-cascader-disabled">
    <ui-cascader
      v-model="value"
      :options="options">
    </ui-cascader>
  </div>
</template>
<script>
import { Cascader } from "amumu-ui"
export default {
  components: {
    "ui-cascader": Cascader,
  },
  data() {
    return {
      value: [],
      options: [
        {
          value: "zhejiang",
          label: "Zhejiang",
          children: [
            {
              value: "hangzhou",
              label: "Hangzhou",
              children: [
                {
                  value: "xihu",
                  label: "West Lake",
                  disabled: true,
                },
              ],
            },
          ],
        },
        {
          value: "jiangsu",
          label: "Jiangsu",
          disabled: true,
          children: [
            {
              value: "nanjing",
              label: "Nanjing",
              children: [
                {
                  value: "zhonghuamen",
                  label: "Zhong Hua Men",
                },
              ],
            },
          ],
        },
      ],
    }
  },
}
</script>
<style lang="scss">
.demo-cascader-disabled {
  .mm-button {
    margin-right: 10px;
  }
}
</style>
