<div id="app">
<div id="userTap" @click="findtarget">
<!--普通用户-->
<div>
<ul class="user_tap left">
<li :class="{active:flag=='userInfo'}" data-tag="userInfo">个人资料</li>
<li :class="{active:flag=='userGoods'}" data-tag="userGoods">我的购买</li>
<li :class="{active:flag=='userEdit'}" data-tag="userEdit" class="user_edit_info">修改资料</li>
<li :class="{active:flag=='userChange_psw'}" data-tag="userChange_psw">修改密码</li>
<li>退出登录</li>
</ul>
</div>
</div>
</div>
var vm = new Vue({
el: "#app",
data: {
flag: ''
},
methods:{
findtarget(event){
if(event.target.tagName === 'LI'){
this.flag = event.target.getAttribute('data-tag');
}
}
}
});
然后你的 $("#"+tag)
部分看起来像是二级菜单,然后问题中没提供,一样绑定:class="{hide:flag=='userInfo'}"
控制隐藏显示就行了
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…