时间:2021-05-18
在ant-design-vue的文档中,
menu有两个可以传的参数,分别为defaultOpenKeys和openKeys,但在接手做一个项目时,openKeys这个参数前人已经写了,可能是从文档中直接复制demo没有删除掉,我也没去管。
等到需要用到这个defaultOpenKeys的时候,想做每次刷新还会再次打开上次打开的菜单的效果,但一直无效,网上也没有查到有类似的情况,后面只能自己去看源码,查了一下,发现这个代码片段
这段代码不就说明了有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 }) }在你添加表格数据的页面中注入reload
然后在添加数据的方法中引入this.reload() 即可
这样做,因为reload有强制当前页面刷新的功能
如果不需要页面重新刷新一遍,我们可以把提交的数据当作data传给后端。
这样表格提交后自动刷新。
以上这篇解决ant-design-vue中menu菜单无法默认展开的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
问题在vue-cli4.x中按需加载ant-design-vue,在编译时报错,错误如下原因ant-design-vue使用less预处理器。在less3.0版
ant-design-vue版本:~1.3.8需求:表格实现跨行合并,并且在合并完的单元格中显示图片效果图:源码:exportdefault{data(){re
1.使用背景新项目中使用了ant-design-vue组件库.该组件库完全根基数据双向绑定的模式实现.只有表单组件提供少量的方法.所以,在使用ant-desig
1.使用版本vite:2.0ant-design-vue:2.0.0-rc.8vue:3.0.52.安装vite插件yarnaddvite-plugin-sty
本文解决的问题:1、实现右键菜单功能代码;2、阻止默认事件的实际应用。右键菜单#menu{position:fixed;left:0;top:0;width:2