vue element Cascader级联选择器解决最后一级显示空白问题

 // 格式化数据源
    this.options = this.formatData(data)
    // 格式化数据，递归将空的children置为undefined
    formatData(data) {
      for (var i = 0; i < data.length; i++) {
        if (data[i].children.length < 1) {
          data[i].children = undefined
        } else {
          this.formatData(data[i].children)
        }
      }
      return data
    }

<template>
  <div class="white-body-view">
    <el-cascader v-model="value" :options="options" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      options: [],
      value: ''
    }
  },
  created() {
    this.initData()
  },
  methods: {
    initData() {
      const data = [
        {
          value: 'zhinan',
          label: '指南',
          children: [{
            value: 'shejiyuanze',
            label: '设计原则',
            children: []
          }, {
            value: 'daohang',
            label: '导航',
            children: []
          }]
        },
        {
          value: 'ziyuan',
          label: '资源',
          children: []
        }]
      this.options = this.formatData(data)
    },
    formatData(data) {
      for (var i = 0; i < data.length; i++) {
        if (data[i].children.length < 1) {
          data[i].children = undefined
        } else {
          this.formatData(data[i].children)
        }
      }
      return data
    }
  }
}
</script>