将如何elementui中的select组件下拉框伪装成树形结构

Question

如题所示

        options2: [{
          value: '选项1',
          label: '黄金糕',
          level:3
        }, {
          value: '选项2',
          label: '双皮奶',
          disabled: true,
          level:2
        }, {
          value: '选项3',
          label: '蚵仔煎',
          level:5
        }, {
          value: '选项4',
          label: '龙须面',
          level:2
        }, {
          value: '选项5',
          label: '北京烤鸭',
          level:5
        }],
        value2: ''
      }
    }

以上是select中的数据,如何根据里面的level字段判断在option中显示的数据前加几个空格，比如level是5，那么北京烤鸭的字前就会有五个空格，这样做出的下拉框类似树形图一样，求指点。

Answer 1

https://jsfiddle.net/7dopkugq...

Answer 2

基于el-select改造的组件，了解一下 https://blog.csdn.net/Mr_Java...