解决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 Timing
Apr 21 Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
Apr 04 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
May 03 Javascript
2则自己编写的jQuery特效分享
Feb 26 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
Mar 09 Javascript
Bootstrap 网格系统布局详解
Mar 19 Javascript
深入理解ES6学习笔记之块级作用域绑定
Aug 19 Javascript
微信小程序文章详情页面实现代码
Sep 10 Javascript
vue中slot(插槽)的介绍与使用
Nov 12 Javascript
JavaScript实现的级联算法示例【省市二级联动功能】
Dec 25 Javascript
JavaScript实现文件下载并重命名代码实例
Dec 12 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 XML error parsing SOAP payload on line 1
2010/06/17 PHP
PHP goto语句简介和使用实例
2014/03/11 PHP
php 解决substr()截取中文字符乱码问题
2016/07/18 PHP
总结PHP内存释放以及垃圾回收
2018/03/29 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
PDO::commit讲解
2019/01/27 PHP
PHP实现PDO操作mysql存储过程示例
2019/02/13 PHP
在IE下获取object(ActiveX)的Param的代码
2009/09/15 Javascript
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
jQuery EasyUI API 中文文档 - Panel面板
2011/09/30 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
2013/10/18 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
javascript中的原型链深入理解
2014/02/24 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
2015/11/01 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
2015/11/04 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
2016/05/09 Javascript
WEB开发之注册页面验证码倒计时代码的实现
2016/12/15 Javascript
layui文件上传实现代码
2017/05/20 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
原生JavaScript实现Ajax异步请求
2017/11/19 Javascript
javascript实现摄像头拍照预览
2019/09/30 Javascript
Vuex中的Mutations的具体使用方法
2020/06/01 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
Python读取sqlite数据库文件的方法分析
2017/08/07 Python
python函数定义和调用过程详解
2020/02/09 Python
用Python绘制漫步图实例讲解
2020/02/26 Python
python爬虫爬取网页数据并解析数据
2020/09/18 Python
使用CSS3实现SVG路径描边动画效果入门教程
2019/10/21 HTML / CSS
Beach Bunny Swimwear官网:设计师泳装和性感比基尼
2019/03/13 全球购物
在DELPHI中调用存储过程和使用内嵌SQL哪种方式更好
2016/11/22 面试题
机关干部四风问题自我剖析及整改措施
2014/10/26 职场文书
撤诉申请怎么写
2015/05/19 职场文书
太空授课观后感
2015/06/17 职场文书
web前端之css水平居中代码解析
2021/05/20 HTML / CSS
python内置模块之上下文管理contextlib
2022/06/14 Python