解决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 相关文章推荐
Document对象内容集合(比较全)
Sep 06 Javascript
深入理解JavaScript系列(9) 根本没有“JSON对象”这回事!
Jan 15 Javascript
原生Javascript封装的一个AJAX函数分享
Oct 11 Javascript
jQuery模仿单选按钮选中效果
Jun 24 Javascript
JavaScript实战之菜单特效
Aug 16 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
Nov 26 Javascript
利用vue.js把静态json绑定bootstrap的table方法
Aug 28 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
Oct 18 Javascript
使用electron制作满屏心特效的示例代码
Nov 27 Javascript
小程序新版订阅消息模板消息
Dec 31 Javascript
JS实现滑动插件
Jan 15 Javascript
微信小程序云函数添加数据到数据库的方法
Mar 04 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
第十三节 对象串行化 [13]
2006/10/09 PHP
QueryPath PHP 中的jQuery
2010/04/11 PHP
解析php中的fopen()函数用打开文件模式说明
2013/06/20 PHP
Docker配置PHP开发环境教程
2016/12/21 PHP
JavaScript监测ActiveX控件是否已经安装过的代码
2008/09/02 Javascript
页面中body onload 和 window.onload 冲突的问题的解决
2009/07/01 Javascript
js 操作select相关方法函数
2009/12/06 Javascript
经典海量jQuery插件 大家可以收藏一下
2010/02/07 Javascript
js点击出现悬浮窗效果不使用JQuery插件
2014/01/20 Javascript
javascript强制点击广告的方法
2015/02/06 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
2015/08/25 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
基于Angularjs实现分页功能
2016/05/30 Javascript
AngularJS 过滤器的简单实例
2016/07/27 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
Javascript for in的缺陷总结
2017/02/03 Javascript
JS中使用textPath实现线条上的文字
2017/12/25 Javascript
解决Mac安装thrift因bison报错的问题
2018/05/17 Javascript
解决layui的radio属性或别的属性没显示出来的问题
2019/09/26 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
2020/12/10 Javascript
js加减乘除精确运算方法实例代码
2021/01/17 Javascript
python遍历数组的方法小结
2015/04/30 Python
Python文本特征抽取与向量化算法学习
2017/12/22 Python
Tensorflow卷积神经网络实例
2018/05/24 Python
基于PyQt4和PySide实现输入对话框效果
2019/02/27 Python
如何使用Python抓取网页tag操作
2020/02/14 Python
python_array[0][0]与array[0,0]的区别详解
2020/02/18 Python
Python 字节流,字符串,十六进制相互转换实例(binascii,bytes)
2020/05/11 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
Python爬虫爬取微信朋友圈
2020/08/06 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
CSS3实现10种Loading效果
2016/07/11 HTML / CSS
法国在线药房:DoctiPharma
2020/10/21 全球购物
英国时尚首饰品牌:Missoma
2020/06/29 全球购物
Python+OpenCV实现图片中的圆形检测
2022/04/07 Python