m0_51400566的博客

1. 在项目assets文件夹下新建一个font文件夹，在此存入第三方字体文件。并建一个font.css文件。2. 在font.css文件里定义并引入字体文件，font-family名字可以自己取。3.在App.jsx里面引入font.css,即可以全局使用自定义的字体样式。需求：项目电子签名模块需要变换字体样式，要规定为3种手写字体。4.最后，就可以按需使用了，如。

问题：由于项目引用了html5-qrcode插件，但是该插件在本地移动端调试时只能使用https访问，所有原本的本地地址是http，就需要改成https以方便调试。安装证书-确定-当前用户-下一步-将所有证书都放入下列存储（P）-浏览-受信任的根证书颁发机构-确定。2）完成以上步骤后，项目根目录会生成4个文件，如下。4）在项目vue.config.js里添加如下代码。1）从项目文件下打开cmd逐步输入如下命令。3）打开项目文件夹双击ca.crt 文件。解决方法：使用本地https证书。

项目需求H5项目需要实现扫描二维码或条形码功能，使用插件html5-qrcode可基本实现该需求。

1）定义变量（对象的键名为需要隐藏的列，必须和columns中列的key相对应）需求：表格工具栏列设置中，被隐藏的列默认不勾选，并且可以手动控制其显示，如图。

需求：根据原型图实现左边为树形，右边为表格的穿梭框。

由于在做项目过程中，许多地方都会有“导出”功能。所以可以在utils文件夹中建立文件common.js，将导出的公用方法写进去，方便页面调用。（具体页面所传参数不同）

问题复现：点击“编辑”后弹出弹框反显，此时圈出区域已经赋值了，但始终显示的是上一次的结果，就导致第一次打开弹框时为空。如果赋值没问题，那就是更新的问题，存在异步更新。

react-quill的基本使用步骤。

后台返回数据：先转换成数组格式，然后置入组件中。 但是无法渲染出来，对比树结构的数据，发现没有children,是简单的平铺数据。所以需要再加一个属性： treeDataSimpleMode，就可以把简单格式的数据直接渲染成树结构了。......

最近遇到了一个bug,在一个页面中，父组件UserManage嵌套子组件TableList，当点击【修改信息】或左侧Tree的添加按钮，会弹出Modal，而同时也会再次请求数据，导致TableList重复渲染。如图所示解决办法：把TableList组件抽离出去！(具体原因未知)思路：由于在UserManage中嵌套TableList会导致子组件引用父组件的state，造成重复渲染？...

接口代理

bug：切换有效/无效用户tab时，已勾选的项目依然存在。如图 思路：通过toolBar里面的onChange事件，清空勾选项。如图虽能实现效果，勾选项已清空，但还有一些残余bug：顶部已选择条未清空，再次切回去仍然存在勾选。如图 后在ProComponents官网找到解决方式ProComponents - 页面级别的前端组件 - ProComponents一行代码搞定！...

问题：拉取代码解决冲突后提交不了，并报以下错误。 发现是合并代码的时候选择了both（自己的和同事的代码均保存）导致了其中一个const声明的变量重复声明，删之就好了。粗心大意！！！

需求：页面进行一些操作后（新增/编辑/修改状态等），需要刷新页面。但页面渲染的方法是定义在tableList组件内部的，操作按钮及一些弹框则是在父组件。就需要从父组件调用子组件请求页面刷新的方法，如图。 ...

请求接口时返回数据直接用数组循环报错需要转换eval('('+res.data+')')

问题：点击【编辑】弹框后，回显数据时候有误。如图Select部分代码： 解决办法：由于JSX语法，修改为value={1}实现效果：

React实战项目成长记