解决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 相关文章推荐
js判断为空Null与字符串为空简写方法
Feb 24 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
Dec 14 Javascript
JavaScript实现列表分页功能特效
May 15 Javascript
深入理解JS中的substr和substring
Apr 26 Javascript
JavaScript创建对象的七种方式全面总结
Aug 21 Javascript
详解VUE2.X过滤器的使用方法
Jan 11 Javascript
express如何使用session与cookie的方法
Jan 30 Javascript
vue配置font-awesome5的方法步骤
Jan 27 Javascript
详解wepy开发小程序踩过的坑(小结)
May 22 Javascript
webpack+vue.js构建前端工程化的详细教程
May 10 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
Jan 05 Vue.js
Vue单页面应用中实现Markdown渲染
Feb 14 Vue.js
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
Zend公司全球首推PHP认证
2006/10/09 PHP
php对二维数组进行排序的简单实例
2013/12/19 PHP
discuz图片顺序混乱解决方案
2015/07/29 PHP
学习ExtJS Column布局
2009/10/08 Javascript
IE和Firefox下event事件杂谈
2009/12/18 Javascript
JavaScript获取页面上某个元素的代码
2011/03/13 Javascript
简易js代码实现计算器操作
2013/04/15 Javascript
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
jQuery判断指定id的对象是否存在的方法
2015/05/22 Javascript
JS实现的网页背景闪电闪烁效果代码
2015/10/17 Javascript
jQuery快速实现商品数量加减的方法
2017/02/06 Javascript
浅谈angularjs中响应回车事件
2017/04/24 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
2018/06/14 jQuery
[06:33]3.19 DOTA2发布会 海涛、冷冷、2009见证希望
2014/03/21 DOTA
python单例模式实例分析
2015/04/08 Python
基于python脚本实现软件的注册功能(机器码+注册码机制)
2016/10/09 Python
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
K-近邻算法的python实现代码分享
2017/12/09 Python
用pytorch的nn.Module构造简单全链接层实例
2020/01/14 Python
解决Tensorboard 不显示计算图graph的问题
2020/02/15 Python
Python闭包与装饰器原理及实例解析
2020/04/30 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
HTML5里的placeholder属性使用实例和美化显示效果的方法
2014/04/23 HTML / CSS
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
中专生毕业自我鉴定
2013/11/01 职场文书
日语系毕业生推荐信
2013/11/11 职场文书
管理科学大学生求职信
2013/11/13 职场文书
社区敬老月活动实施方案
2014/02/17 职场文书
团日活动总结书格式
2014/05/08 职场文书
讲党性心得体会
2014/09/03 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
缓刑期间思想汇报范文
2014/10/10 职场文书
2016教师廉洁从教心得体会
2016/01/13 职场文书
创业计划书之烤红薯
2019/09/26 职场文书
python numpy中setdiff1d的用法说明
2021/04/22 Python