需要,点击左边的菜单,顶部菜单相应改变,但是都需要点击事件,页面进来时,默认触发点击事件
方法一,vue自定义指令
directives:{trigger:{inserted(el, binging){console.log(el.id)el.id == 'nav0' ? el.click() : null // 只点击第一个,id是在循环中手动添加的// $(el).trigger('click') // 所有都触发一次,然后就是最后一个jquery方法}}},
用法:
<liv-for="(item, index) in menuList":key="item.name":id="'nav' + index"v-trigger@click="leftMenuClick(item.children)"><p>{{ item.name }}</p></li>