Yuval的博客

问题：如何触发子组件重新挂载，重新绘制方法：利用组件的key值，达到重新挂载绘制的效果解决：在挂载组件时，将key值设置为不同的值，当key发生改变时，react会重新挂载组件。例如：<CodeEditor key={props.codeMode} />当key值发生变化的时候，组件不再复用，则会重新挂载组件。...

问题：React动态添加样式时，样式无效className={this.props.codePanelVisible ? 'active' : null}解决：局部样式在打包时会对组件样式进行名称的hash操作，所以无法找到active样式，所以应该改写如下// 引入的样式import styles from './menu-bar.css';className={this.pro...

问题：在使用Element的Select下拉选择框时，设置其选中返回值是Object类型时，选中后Select框不显示选中目标的信息。例如下面图片选中赵云，下拉框会不显示选中的选项相关信息。原因：Select组件默认会显示v-model绑定值，当选中为Object类型时，无法识别对象类型，所以显示会出现错误。解决方法：使用Select组件的官方属性值value-k...

scratch-blocks build编译失败的解决方案官方issue：https://github.com/LLK/scratch-blocks/issues/1620在使用scratch-blocks时，遇到build编译失败，百度查了下解决方案，发现没有一篇能解决我这个问题，查不到相关的解决方案，于是我就去github的issue寻找是否有人与我相同遇到这种情况，查看了几篇文章终于发...

问题：JS map方法内异步方法无法同步执行场景：我们在使用map来设置每一项值的时候，涉及到异步操作，就会出现问题。按照常规，重现出一种情形。假设我要使用map对每一项值进行操作，其中涉及到异步操作（此处使用演示来模拟），在简短延时后将值设置为10。我们理想中ret的值是[10,10,10,10,10](async () => { let arr = [1,2,3,4,5...

Swiper首次渲染界面时计算高度不正确原因：有图片加载，一开始图片没完全加载。导致swiper计算swiper-wrapper高度时，只计算了一部分的高度，导致盒子显示不完整。解决：Swiper Observer增加Options选项，监听盒子的变化，触发刷新。swiperOptions: { autoHeight: true, observer:true, ...

背景：公司需要帮助其他项目修改源码，但是跑起来发现无法正常发送请求，请求全部为404状态。后端也确定了对请求的接口进行了处理。前端js设置的url也看起来很正常。思考：1.确认后端接口的地址（确定了代表后端是没有问题的）2.404代表找不到接口，那么就要从前端入手了，一般都是url出问题。解决：在JavaScript中看到AJAX请求的地址没有异样，对了几遍接口也是没问题的。...

vue-quill-editor富文本选项对齐混乱问题：今天使用ElementUI与vue-quill-editor的时候发现，富文本编辑框选项对齐出现了点问题。原因：查询结构发现，是与ElementUI的样式出现问题。vue-quill-editor中，没有设置自身的行高，而是通过继承来设置的line-height，而且其中选项并没有BFC限制，导致行高混乱了。解决方法：为vue...

前言：在写一个按钮切换效果时，遇到了一个数据类型问题。我打算的是通过属性判断按钮是否被选中，设置其属性为true和false，但是奇怪的发现，当属性为空，切换到true，在切换到false，之后一直就为false了，非常奇怪。后来debuger发现，原来是数据类型出现的错误。html标签内存的都是字符串，所以使用getAttribute读出来的就是字符串整体流程是 读出字符串...

在使用ElementUI时，使用到了 el-menu 编写菜单组件时发现，由router.push()跳转到另外一个组件，Menu的状态不会更新。导致状态不同步。查阅了官方网站，发现有对应的方法解决。default-active 当前激活菜单的 index使用配置default-active指向当前路由的path，就可以解决。因为组件也是使用element中的router配置的，所以选项的i...

如何隐藏滚动条且可以滚动在开发中遇到一个问题，就是原始的滚动条有点难看，我想隐藏掉，如果使用overflow：hidden，会使滚动效果失效，超出部分无法显示。于是上网搜了搜，可以用两种思路解决这个问题1.使用选择器隐藏滚动条.mybox::-webkit-scrollbar { display: none;}这样可以直接隐藏掉滚动条，让它隐藏不显示，同时也有滚动效果存在。但...