首页 > 其他分享 >某个页面的菜单在切换页面时,菜单展开状态恢复关闭

某个页面的菜单在切换页面时,菜单展开状态恢复关闭

时间:2023-06-08 20:33:09浏览次数:34  
标签:菜单 methods isReloadData 切换 刷新 true 页面

使用局部刷新解决

在需要刷新的组件写一个变量,自己在data里面简历变量哦:

 isReloadData: true

methods里面写一个方法

methods: {
    reloadPart() {
      this.isReloadData = false;
      this.$nextTick(() => {
        this.isReloadData = true;
      });
    },

在需要刷新的地方调用即可

标签:菜单,methods,isReloadData,切换,刷新,true,页面
From: https://www.cnblogs.com/sinceForever/p/17467599.html

相关文章

  • 向MOSS页面中添加服务器端代码的另外一种方式 zt
      在本文中,我将跟大家一起讨论,为MOSS的页面添加服务器端代码的另一种方式。不过首先要声明,这种方式仅作为技术研究,如要使用,请慎重!  在上一篇文章中,我们讨论过如何为MOSS页面添加服务端后台代码,详见(MOSS2007开发日记(2)-为sharepoint页面添加后台代码,http://bbs.winos......
  • 使用HbuilderX3.8.3_把开发的小程序发布为Html5页面上传到_免费托管空间---uniapp_小
      找了很久,毕竟自己也是做测试,本来想买个服务器来着,由于了一下,还是给我找到了最终~自己做的小程序想部署,又不想买阿里云服务器,部署到阿贝云也不错,阿贝云会给开发者提供, 免费虚拟主机和免费的云服务器,最近我用了一段时间感觉还很不错也很稳定我测试用完全够用了,现......
  • Flexslider图片轮播、文字图片相结合滑动切换效果
    Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。查看演示DEMO下载源码Flexslider具有以下特性:支持滑动和淡入淡出效果。支持水平、......
  • 小程序模板语法样式与页面配置
    文章和代码已经归档至【Github仓库:<https://github.com/timerring/front-end-tutorial>】或者公众号【AIShareLab】回复小程序也可获取。小程序模板与配置WXML模板语法数据绑定在data中定义数据,在WXML中使用数据。使用Mustache{{}}语法:绑定内容绑定属性运算(三元运算、算术......
  • 多数据源切换
    多数据源解决方案mybatis-plus动态切换数据源该方法简单便捷,直接通过注解@DS("xxx")就可以切换数据源但是这边官方建议只添加在方法上或类上,所以在同一个方法中只能使用一种数据源依赖配置1.添加依赖<dependency> <groupId>com.baomidou</groupId> <artifact......
  • 使用ActivityOptions做Activity切换动画
    不知道大家有没有注意到startActivity(Intent,Bundle),那么ActivityOptions就是这个Bundle的原型,负责Activity跳转时的动画。publicvoidonClick(Viewview){Intentintent=newIntent(this,SecondActivity.class);ActivityOptionsoptions=Act......
  • 小程序实现滚动快递列表时快递分类字母跟随切换
    场景:快递列表是按照开头字母来分类的,我们可以做到滚动快递列表到下一个字母时,分类字母自动切换。商城的分类,例如很多时候滚动分类列表时,分类标题也会跟着切换到当前分类。实现思路先来看看下面简单的demo在开发者工具中预览效果 思路:页面时由两个scroll-view容器......
  • Kali安装JDK8以及JDK11、JDK17切换
    声明:本文分享的安全工具和项目均来源于网络,仅供安全研究与学习之用,如用于其他用途,由使用者承担全部法律及连带责任,与工具作者和本公众号无关。 瓜神学习网络安全公众号   背景 很久之前更新了一次kali,今天用的时候发现JDK变成17了 安装J......
  • element-ui 的NavMenu菜单实现水平左右布局
    场景有的时候我们需要将菜单水平、并且左右进行摆放效果图代码实现<template><divclass="app"><el-divider>官网示例</el-divider><el-menu:default-active="activeIndex"class="el-menu"mode="horizonta......
  • 解决Vue项目在刷新页面时出现404错误的问题
    使用HTML5的history模式的问题在本地运行Vue项目时,可以直接点击路由跳转,并且刷新页面也没有问题。这是因为VueRouter默认使用HTML5的history模式,它通过修改浏览器历史记录来控制页面跳转,而不发送实际的HTTP请求。然而,当将Vue项目发布到服务器上时,服务器会根据实际的HTTP请求来......