Element UI's Cascader cascade selector, when options is an empty array, the drop-down box shows the problem

problem description

Why does the drop-down box here not show a prompt such as "No data" when options is an empty array, and the height is always 204px

clipboard.png

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.5.4/lib/index.js"></script>



click
< el-cascader: options= "options" v br model = "selectedOptions" @ change= "handleChange" >
< / el-cascader >
< / div >
< / div >

var Main = {

data() {
  return {
    options: [],
    selectedOptions: [],
    selectedOptions2: []
  };
},
methods: {
  handleChange(value) {
    console.log(value);
  }
}

};
var Ctor = Vue.extend (Main)
new Ctor (). $mount ("- sharpapp")

Jun.19,2022
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea5967-1d6b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea5967-1d6b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?