解决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 相关文章推荐
JavaScript 私有成员分析
Jan 13 Javascript
ExtJS GTGrid 简单用户管理
Jul 01 Javascript
让Firefox支持event对象实现代码
Nov 07 Javascript
IE 上下滚动展示模仿Marquee机制
Dec 20 Javascript
javascript面向对象之this关键词用法分析
Jan 13 Javascript
javascript与jquery中的this关键字用法实例分析
Dec 24 Javascript
Bootstrap 源代码分析(未完待续)
Aug 17 Javascript
JS 实现随机验证码功能
Feb 15 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
Mar 27 Javascript
JS实现简单表格排序操作示例
Oct 07 Javascript
JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作实例
Sep 17 Javascript
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 24 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
php中利用post传递字符串重定向的实现代码
2011/04/21 PHP
PHP开发框架kohana3 自定义路由设置示例
2014/07/14 PHP
PHP中file_exists()判断中文文件名无效的解决方法
2014/11/12 PHP
tp5.1 框架数据库常见操作详解【添加、删除、更新、查询】
2020/05/26 PHP
JS类定义原型方法的两种实现的区别评论很多
2007/09/12 Javascript
一个javascript参数的小问题
2008/03/02 Javascript
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
2010/03/18 Javascript
jquery多浏览器捕捉回车事件代码
2010/06/22 Javascript
jquery插件 autoComboBox 下拉框
2010/12/22 Javascript
DOM和XMLHttpRequest对象的属性和方法整理
2012/01/04 Javascript
js中substring和substr的详细介绍与用法
2013/08/29 Javascript
Javscript删除数组中指定元素并返回新数组
2014/03/06 Javascript
javascript中clipboardData对象用法详解
2015/05/13 Javascript
简单实现JS对dom操作封装
2015/12/02 Javascript
jquery ztree实现模糊搜索功能
2016/02/25 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
2017/04/26 Javascript
Vuex提升学习篇
2018/01/11 Javascript
在Apache服务器上同时运行多个Django程序的方法
2015/07/22 Python
简单谈谈python中的Queue与多进程
2016/08/25 Python
Python入门_浅谈逻辑判断与运算符
2017/05/16 Python
Python文件的读写和异常代码示例
2017/10/31 Python
Pandas 数据处理,数据清洗详解
2018/07/10 Python
python画折线图的程序
2018/07/26 Python
Python数据可视化教程之Matplotlib实现各种图表实例
2019/01/13 Python
pytorch: Parameter 的数据结构实例
2019/12/31 Python
详解canvas绘制多张图的排列顺序问题
2019/01/21 HTML / CSS
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/09/18 面试题
活动邀请函范文
2014/01/19 职场文书
社区反邪教工作方案
2014/06/16 职场文书
政风行风评议整改方案
2014/09/15 职场文书
2019年工作总结范文
2019/05/21 职场文书
3招让你摆脱即兴讲话冷场尴尬
2019/08/08 职场文书
Nginx配置SSL证书出错解决方案
2021/03/31 Servers
MySQL系列之十四 MySQL的高可用实现
2021/07/02 MySQL
python工具dtreeviz决策树可视化和模型可解释性
2022/03/03 Python