vue设置isactive_在线等 vue 控制显示隐藏

v-if="!isactive[index]"

@click="getcoupons(index,$event)"

:data-id="row1.id">{{btntext}}

{{btntext1}}

上面是页面代码

下面是JS 方法

getcoupons:function(index,event){

//this.$set(app.isActive[index], index, true);

console.log(app.isactive)

console.log(index)

let e=event;

console.log(e);

app.isactive[index]=[];

app.isactive[index]=true;

console.log(app.isactive)

if(app.phone===""||app.email===""){

app.getzz = true;

app.getThisPath1 = true;

let workId = e.currentTarget.dataset.id;

app.workId=workId;

return;

}else if(app.phone!==""&&app.email!==""){

app.getzz = false;

app.getThisPath1 = false;

let workId = e.currentTarget.dataset.id;

app.workId=workId;

/*app.isactive[index]=true;*/

app.query1(e);

return;

}

},

这样写不行啊 有大神帮改改吗

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue Admin Template 的导航菜单是通过路由配置来控制显示隐藏的。具体来说,可以在路由配置文件中设置 `meta` 属性来指定当前路由所对应的菜单是否需要显示。例如: ```javascript { path: '/dashboard', component: Dashboard, name: 'Dashboard', meta: { requiresAuth: true, // 是否需要登录才能访问 menu: true, // 是否显示在导航菜单中 iconClass: 'el-icon-s-home' // 菜单图标 } } ``` 在导航菜单组件中,可以通过遍历路由配置文件来动态渲染菜单,并根据 `meta.menu` 属性来判断是否需要显示当前菜单项。例如: ```html <template> <div class="sidebar-menu"> <el-menu :default-active="$route.path" :collapse="isCollapse" :unique-opened="true" router :collapse-transition="false" class="el-menu-vertical-demo" > <template v-for="item in menuList"> <sidebar-menu-item :item="item" :key="item.path"></sidebar-menu-item> </template> </el-menu> </div> </template> <script> import routes from '@/router/routes' export default { name: 'SidebarMenu', data() { return { menuList: [] } }, created() { this.menuList = this.filterMenu(routes) }, methods: { filterMenu(routes) { return routes.filter(route => { if (route.meta && route.meta.menu) { if (route.children) { route.children = this.filterMenu(route.children) } return true } return false }) } } } </script> ``` 在上面的代码中,`filterMenu` 方法会递归遍历路由配置文件,根据 `meta.menu` 属性来筛选出需要显示的菜单项,并将其存储到 `menuList` 中。然后在模板中通过遍历 `menuList` 来动态渲染菜单。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值