前端开发问题整理

  • 前端开发问题整理已关闭评论
  • 70 次浏览
  • A+
所属分类:Web前端
摘要

1.表格滚动条未出现   1.1增加v-if判断        1.2 使用key        1.3 使用element-table的doLayout方法 this.$refs[‘refName’].doLayout()

1.表格滚动条未出现

  1.1增加v-if判断

       1.2 使用key

       1.3 使用element-table的doLayout方法 this.$refs['refName'].doLayout()

2.表格最后一行固定在下方

  给最后一行增加样式

  display:table-row;position:sticky;bottom:0;width:100%;

  其他就是样式优化,组件的宽度貌似不兼容==加了fixed好像有问题

3.重置数据

  this.$options====页面一开始的数据,不变

  this.$data ====当前数据

  注意:data里的引用数据使用深拷贝,防止修改时修改了引用数据,造成this.$options.data()展示了当前数          据现象

  重置赋值:Object.assign(this.$data,this.$options.data());

4.uniapp打包失败

  4.1 云打包报错:D:softwareHBuilderXpluginsnodenode.exe[48372]: c:wssrcutil-inl.h:372: Assertion `!(n > 0) || (ret != nullptr)' failed

    参考:https://ask.dcloud.net.cn/question/116721

    替换node.exe的方法可以解决此问题

    路径:HBuilderXpluginsnode

    node下载地址:https://nodejs.org/download/release/v12.22.1/ 版本请查看路径下的详细信息

    下载后,直接替换node.exe即可解决

  4.2 再次遇到问题时,注意查看node的版本,找到同一版本,再次替换

5.uniapp 图片不显示

  检查是否使用的img标签,将其替换成image标签

6.electron安装报错

  指定代理

    npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/

7. npm i 报错,完整性校验失败时,删除package-lock.json。重新npm i

8. node 内存问题处理===方法2可用,不知道和1、3是否关联

  方法1.NODE_OPTIONS=--max-old-space-size=8192

  参考资料:https://blog.csdn.net/wuyujin1997/article/details/122869951

  方法2.修改uniapp web服务器的内存参数 https://www.cnblogs.com/hxke/p/17078901.html

  方法3.替换uniapp里的node文件,改为64位的