解决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 相关文章推荐
制作特殊字的脚本
Jun 26 Javascript
JQuery 弹出框定位实现方法
Dec 02 Javascript
jQuery统计指定子元素数量的方法
Mar 17 Javascript
AngularJS基础知识笔记之过滤器
May 10 Javascript
JavaScript代码生成PDF文件的方法
Feb 26 Javascript
JavaScript函数表达式详解及实例
May 05 Javascript
Vue from-validate 表单验证的示例代码
Sep 26 Javascript
详解vuex commit保存数据技巧
Dec 25 Javascript
JavaScript常用内置对象用法分析
Jul 09 Javascript
webpack的pitching loader详解
Sep 23 Javascript
echarts实现获取datazoom的起始值(包括x轴和y轴)
Jul 20 Javascript
用vite搭建vue3应用的实现方法
Feb 22 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
在apache下限制每个虚拟主机的并发数!!!!
2006/10/09 PHP
兼容PHP5的PHP目录管理函数库
2008/07/10 PHP
PHP array 的加法操作代码
2010/07/24 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
PHP中的use关键字概述
2014/07/23 PHP
php实现session自定义会话处理器的方法
2015/01/27 PHP
php字符串按照单词进行反转的方法
2015/03/14 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
PHP一致性hash分布式算法封装类定义与用法示例
2018/08/04 PHP
Thinkphp集成抖音SDK的实现方法
2020/04/28 PHP
javascript 设计模式之单体模式 面向对象学习基础
2010/04/18 Javascript
javascript实现的简单的表单验证
2015/07/10 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
js实现对table的增加行和删除行的操作方法
2016/10/13 Javascript
基于jQuery制作小图标上下滑动特效
2017/01/18 Javascript
原生javascript AJAX 三级联动的实现代码
2018/05/04 Javascript
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
Js图片点击切换轮播实现代码
2020/07/27 Javascript
python使用xlrd实现检索excel中某列含有指定字符串记录的方法
2015/05/09 Python
详细讲解Python中的文件I/O操作
2015/05/24 Python
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
Python实现购物评论文本情感分析操作【基于中文文本挖掘库snownlp】
2018/08/07 Python
Python如何使用BeautifulSoup爬取网页信息
2019/11/26 Python
python利用dlib获取人脸的68个landmark
2019/11/27 Python
python中property和setter装饰器用法
2019/12/19 Python
jupyter notebook清除输出方式
2020/04/10 Python
马来西亚最热门的在线时尚商店:FashionValet
2018/11/11 全球购物
Servlet的实例是在生命周期什么时候创建的?配置servlet最重要的是什么?
2012/05/30 面试题
春节请假条
2014/04/11 职场文书
尊老爱亲美德少年事迹材料
2014/08/14 职场文书
学校捐书活动总结
2015/05/08 职场文书
有关西游记的读书笔记
2015/06/25 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书
Windows下redis下载、redis安装及使用教程
2021/06/02 Redis
Go Plugins插件的实现方式
2021/08/07 Golang
Pytorch中使用ImageFolder读取数据集时忽略特定文件
2022/03/23 Python