naive-ui/demo/documentation/components/cascader/zhCN/singleLeafOnlyLazy.md
2020-02-04 21:44:48 +08:00

653 B

异步单项(仅叶子节点)

<n-cascader
  v-model="value"
  placeholder="请选些什么"
  remote
  :on-load="handleLoad"
/>
function genChildren (option) {
  const children = []
  const label = option.label || 'root'
  for (let i = 0; i <= option.depth; ++i) {
    children.push({
      label: label + '_' + i,
      value: label + '_' + i,
      isLeaf: option.depth === 3
    })
  }
  return children
}

export default {
  data () {
    return {
      value: null
    }
  },
  methods: {
    handleLoad (option, resolve) {
      window.setTimeout(() => {
        resolve(genChildren(option))
      }, 1000)
    }
  }
}