in element-ui, when using the Cascader cascading selector, you can call children data, but cannot select, how to solve this situation?

Html Code

  <el-cascader :options="options" v-model="selectedOptions" @change="handleChange" placeholder="" class="content" :props="props">

js Code

 props: {
        value: "name",
        label: "name",
        children: "items"
      },
      
      // 
 beforeCreate() {
    this.axios
      .post(`/api/services/app/tenant/GetTreeTenant`)
      .then(response => {
        console.log(response.data.result);
        this.options = response.data.result;
      })
      .catch(function(error) {
        console.log(error);
      });
  },

here is the data returned by the API. The main option is name, children. Name