vue后台管理系统遇到的坑

1.

有个报错是在watch里判断如果一个值为true,就调用一个方法 ,方法定义过了,但是仍然报错此方法不是function,后来检查发现,包含关系错误

2.

打包的时候报错ELIFECYCLE,显示循环引用,删掉package-lock.json

3.

_this5.rankList[Symbol.iterator] is not a function

如果报错这个,普通对象不可迭代,代码有问题

4.

普通字符串转对象 当JSON.parse. 不管用的时候用这个方法

var team_left_id = new Function('return' + str)()
5.

浏览器报错-net::ERR_CONNECTION_REFUSED
在这里插入图片描述
注释掉node_modules\sockjs-client\dist\sockjs.js里面1604行这个就可以了

  try {
    // self.xhr.send(payload); // 注释掉这行
  } catch (e) {
    self.emit('finish', 0, '');
    self._cleanup(false);
  }
6.

引入组件的时候明明都注册了, 一直报错未注册,原因是组件用的时候不可以大写,不可以驼峰命名法,名字如果是RouteView, 用的时候就都小写,字母中间加横杠

<route-view />
7.

element-ui 在方法中改变页码,视图不更新,解决办法: 用flag和v-if强制刷新页面

8.

编辑回显空值也要赋值,不然空值对应的组件无法编辑

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用 Vue 开发后台管理系统时,可能会遇到以下几个难点: 1. 状态管理:后台管理系统通常需要管理大量的状态,如用户信息、权限信息、页面状态等。在 Vue 中,可以使用 Vuex 进行状态管理,但是随着业务复杂度的增加,状态的变化和管理可能会变得复杂。因此,需要合理地设计和组织状态,避免状态过多或嵌套过深,同时要注意状态的一致性和变更的响应性。 2. 权限控制:后台管理系统通常需要进行权限控制,以保证不同用户角色在系统中的访问权限。在 Vue 中,可以使用路由守卫、动态路由等技术来实现权限控制。但是,权限控制涉及到多个模块和页面的权限判断,需要在代码中进行判断和处理,同时还要考虑前端权限与后端权限的一致性。 3. 大规模数据渲染和性能优化:后台管理系统可能需要渲染大量的数据列表、表格等组件,在处理大量数据时,可能会导致页面渲染性能下降。为了提高性能,可以使用虚拟滚动、分页加载等技术来优化数据渲染。同时,还可以使用异步加载、懒加载等技术来提升页面加载速度。 4. 多语言支持:后台管理系统通常需要支持多语言,在 Vue 中可以使用国际化插件如 vue-i18n 来实现。但是,多语言支持需要在不同组件和页面中进行切换和管理,同时还要考虑到动态翻译和文本长度等问题。 5. UI 组件的选择和定制:后台管理系统通常需要使用大量的 UI 组件,如表单、弹窗、图表等。在 Vue 中,可以选择第三方的 UI 组件库如 Element UI、Ant Design Vue 等,也可以根据需求自定义组件。但是,在使用第三方组件库时,需要考虑其适配性、功能定制和样式调整等问题。 以上是在使用 Vue 开发后台管理系统时可能会遇到的一些难点,通过合理的设计和技术选型,以及与团队成员的协作,可以有效地解决这些难点。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值