lipingx
lipingx
  • 发布:2021-02-01 00:52
  • 更新:2021-02-01 00:52
  • 阅读:592

【报Bug】更新HbuilderX后使用element-ui的NavMenu导致页面空白

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 14.6

HBuilderX类型: 正式

HBuilderX版本号: 3.0.5

浏览器平台: Chrome

浏览器版本: 最新版本

项目创建方式: HBuilderX

操作步骤:
  1. yarn add element-ui
  2. 创建页面/pages/admin.vue
  3. admin.vue 内使用 element-ui的el-menu,
    一级菜单1个, index=/pages/admin?
    二级菜单2个, index分别为:
    module=article
    module=product
  4. admin.vue内根据el-menu的@select事件动态改变内容显示

预期结果:
  1. 不刷新页面
  2. 内容正常显示

实际结果:
  1. 不刷新页面内容为空白
  2. 刷新页面内容才正常

bug描述:

使用 uni-app + element-ui 开发 PC 网页管理端, 路由方式: hash

之前使用HbuilderX(3. 2.9.8.20201119) 可以正常使用 NavMenu 点击菜单改变页面查询参数, 动态加载内容, 不会重载页面

注意是只改变页面查询参数,

例如: http://localhost/#/pages/admin?module=article
变成: http://localhost/#/pages/admin?module=product

在之前的版本, 这样做没有问题

更新到目前最新版本之后, 就不能再这样使用了, 点击菜单, 路径改变了, 但是整个页面都变空白了

然后需要刷新页面, 内容才会显示出来

后续测试了一下, 只有index即首页可以实现不刷新动态改变url和页面内容

2021-02-01 00:52 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复