使用V-for和v-on，如果不能正常工作

Question

我正在尝试通过将id传递给onclick函数来尝试在v-for上的v-if语句上实现菜单列表的项目，但遇到错误。请建议

HTML VUE：

<div id="app">
        <aside id="side-center">
            <ul id="asideList" class="asideList">
                <li id="nav01" v-for="items , index in ListMenu.ListMain">
                    <div class="navmenu" @click="select()">{{ items.menu_group_name}}</div>
                    <div id="side-left">
                        <ul v-if="items.id === ?">
                            <li v-for="items in ListSub1">{{items.text}}</li>
                        </ul>
                    </div>
                </li>
            </ul>
        </aside>
    </div>

数据图像：

ListMenu: {
                    ListMain: [
                        {
                            id:1,
                            menu_group_name: 'A',
                            ListSub1: [
                                {text: '10'},
                                {text: '100'},
                                {text: '1000'}
                            ]
                        },
                        {
                            id:2,
                            menu_group_name: 'B'},
                        {
                            id:3,
                            menu_group_name: 'C'},
                        {
                            id:4,
                            menu_group_name: 'D'}
                    ],
                }

正如你在上面看到的数据一样，我试图在try_group_name上点击同时尝试在select上传递id而在ul方面你会看到有v-if语句试图检查id如果匹配然后显示ListSub1列表。

我的剧本

selectMenu: function() {
                $("#side-left").toggle();
            }

我们如何做到这一点？