vue3.0点击右边表单左边显示对应内容

img


vue3.0点击监控权限显示监控权限对应的表格,点击系统权限显示系统权限对应的表格,就是点击右边的表单左边显示对应内容,这种方式应该怎么实现,求解答

1,右边表单添加点击事件,绑定自定义方法,将当前表单渲染的对象当成参数传入方法里面
2,自定义方法中,遍历左边菜单的数组,每一项为item,将方法传入的对象跟item做比较,可以用某属性进行比较,去id,如果相同,则我们找到左边数组中对应的对象,添加标志flag为true
3,在左边菜单栏添加样式判断,判断item.flag是否为true,从而选中且高亮

右侧表单添加点击事件,左侧的数据Bind一下,点击后组织下数据不就好了

左边应该是 一个数组 循环出来的 。只要控制 这个数组就行吧