Iview dynamic acquisition of Menu Submenu and MenuItem, result setting open-names has no effect

1. Dynamic acquisition of Menu Submenu and MenuItem, results set open-names has no effect, the data is fixed.
2. Code

<Menu theme="dark" :open-names="open"  @on-select="toSelect" ref="leftMenu">
    <Submenu :name="key+1" class="test" v-for="(item,key) in list[0].children" :key="key">
       <template slot="title">
             <img src="../../assets/images/fundIcon.png" class="fundIcon"/>                        
             {{item.title}}    
       </template>
       <MenuItem :name="items.id" :to="items.url" :key="index" v-for="
           (items,index) in item.children">
           {{items.title}
        </MenuItem>
    </Submenu>
</Menu>

export default {
     name: "fund",
     data(){
        return{
            list: [],
            open: [],
        }
     },
    mounted(){
        this.open = ["1"];
        this.$nextTick(()=> {
            this.$refs.leftMenu.updateOpened();
        });
    },

3. active-name has no problem and can be highlighted. I have seen the relevant problems, and there is no effect. The problem is a little urgent. I would appreciate it if I have time to help take a look.

Mar.10,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-1c2a367-32d2e.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-1c2a367-32d2e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?