原生vue.js 手写侧边栏菜单一二级菜单

项目需求毕竟特殊,一时间找不到对应的组件,盖起来样式太过于麻烦,手写了

HTML

<div v-for='(item,ind) in menulist'>
			<div v-if='item.child'>
				<div class='gre-title' @click='item.static = !item.static'>
					<!-- <a-icon type="file-word" /> -->
					<img :src="imglist[ind]" alt="" style="width: 1rem;">
					{
  {item.name}}
					<!-- <img :src="jtou" alt="" style="width: 1rem;" class='icon-right' :class='item.static?"icon-right0":"icon-right1"'> -->
					<a-icon type="caret-right" theme="filled" class='icon-right'
						:class='item.static?"icon-right0":"icon-right1"' />
				</div>
				<div>
					<div :style="{height:item.static?'0px':2*item.ch
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值