vue中tab栏鼠标经过切换对应内容

 

vue 中tab栏鼠标经过切换对应内容

html中给tab标签动态绑定鼠标选中和未选中样式，绑定鼠标经过事件 mouseover ，传参1 表示默认显示区域：

 

 script 中创建状态值和方法：（当鼠标经过时传参值等于状态值，判断v-show 是否显示当前内容区域）