解决ant-design-vue中menu菜单无法默认展开的问题


Posted in Javascript onOctober 31, 2020

在ant-design-vue的文档中,

解决ant-design-vue中menu菜单无法默认展开的问题

menu有两个可以传的参数,分别为defaultOpenKeys和openKeys,但在接手做一个项目时,openKeys这个参数前人已经写了,可能是从文档中直接复制demo没有删除掉,我也没去管。

等到需要用到这个defaultOpenKeys的时候,想做每次刷新还会再次打开上次打开的菜单的效果,但一直无效,网上也没有查到有类似的情况,后面只能自己去看源码,查了一下,发现这个代码片段

解决ant-design-vue中menu菜单无法默认展开的问题

这段代码不就说明了有openKeys就不会有defaultOpenKeys吗?

终于解开疑惑,可以继续愉快的敲代码了。

补充知识:ant design中table表格提交数据刷新问题

问题描述:在ant design 中table表格中添加一条新的记录,但是表格不刷新数据,第二次提交才刷新出第一条的数据。

解决方法:

在app.vue中写

provide(){
  return {
   reload: this.reload
  }

methods中:

reload() {
   this.isRouterAlive = false`在这里插入代码片`
   this.$nextTick(function () {
    this.isRouterAlive = true
   })
  }

解决ant-design-vue中menu菜单无法默认展开的问题

在你添加表格数据的页面中注入reload

解决ant-design-vue中menu菜单无法默认展开的问题

然后在添加数据的方法中引入this.reload() 即可

解决ant-design-vue中menu菜单无法默认展开的问题

这样做,因为reload有强制当前页面刷新的功能

如果不需要页面重新刷新一遍,我们可以把提交的数据当作data传给后端。

解决ant-design-vue中menu菜单无法默认展开的问题

这样表格提交后自动刷新。

以上这篇解决ant-design-vue中menu菜单无法默认展开的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery中将函数赋值给变量的调用方法
Mar 23 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
Oct 21 Javascript
基于jquery的simpleValidate简易验证插件
Jan 31 Javascript
jquery解析JSON数据示例代码
Mar 17 Javascript
Jquery响应回车键直接提交表单操作代码
Jul 25 Javascript
使用javascript实现监控视频播放并打印日志
Jan 05 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
Mar 03 Javascript
JavaScript实现简单的二级导航菜单实例
Apr 15 Javascript
JavaScript函数使用的基本教程
Jun 04 Javascript
JS实现的自定义右键菜单实例二则
Sep 01 Javascript
JavaScript实现的经典文件树菜单效果
Sep 08 Javascript
JavaScript 过滤关键字
Mar 20 Javascript
Ant Design的可编辑Tree的实现操作
Oct 31 #Javascript
antd多选下拉框一行展示的实现方式
Oct 31 #Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
Oct 31 #Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
Oct 30 #Javascript
vue+swiper实现左右滑动的测试题功能
Oct 30 #Javascript
利用vue3+ts实现管理后台(增删改查)
Oct 30 #Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
Oct 30 #Javascript
You might like
什么情况下可以不写PHP的闭合标签“?>”
2014/08/28 PHP
php常用表单验证类用法实例
2015/06/18 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
2009/05/25 Javascript
理解Javascript_02_理解undefined和null
2010/10/11 Javascript
事件冒泡是什么如何用jquery阻止事件冒泡
2013/03/20 Javascript
JavaScript表格常用操作方法汇总
2015/04/15 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
2015/07/26 Javascript
jQuery与getJson结合的用法实例
2015/08/07 Javascript
基于JS实现EOS隐藏错误提示层代码
2016/04/25 Javascript
BootStrap的JS插件之轮播效果案例详解
2016/05/16 Javascript
js 获取元素所有兄弟节点的实现方法
2016/09/06 Javascript
实例解析jQuery中如何取消后续执行内容
2016/12/01 Javascript
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
npm配置国内镜像资源+淘宝镜像的方法
2018/09/07 Javascript
nodejs中函数的调用实例详解
2018/10/31 NodeJs
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
Scrapy的简单使用教程
2017/10/24 Python
python如何删除列为空的行
2020/07/17 Python
HTML5中的autofocus(自动聚焦)属性介绍
2014/04/23 HTML / CSS
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
英国知名的皮手套品牌:Dents
2016/11/13 全球购物
西班牙英格列斯百货英国官网:El Corte Inglés英国
2017/10/30 全球购物
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
旅游管理专业学生求职信
2013/09/28 职场文书
家长评语和期望
2014/02/10 职场文书
大学生求职自荐信
2015/03/24 职场文书
教师求职自荐信
2015/03/26 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
小鞋子观后感
2015/06/05 职场文书
2015年物业管理员工工作总结
2015/10/15 职场文书
蔬果开业典礼发言稿应该怎么写?
2019/09/03 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书
MySQL REVOKE实现删除用户权限
2021/06/18 MySQL
Spring Boot mybatis-config 和 log4j 输出sql 日志的方式
2021/07/26 Java/Android