![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小坑小洼
文章平均质量分 79
Yuval Zhong
这个作者很懒,什么都没留下…
展开
-
React 触发子组件重绘
问题:如何触发子组件重新挂载,重新绘制方法:利用组件的key值,达到重新挂载绘制的效果解决:在挂载组件时,将key值设置为不同的值,当key发生改变时,react会重新挂载组件。例如:<CodeEditor key={props.codeMode} />当key值发生变化的时候,组件不再复用,则会重新挂载组件。...原创 2020-04-11 14:06:57 · 1388 阅读 · 0 评论 -
React 动态添加的active样式无效
问题:React动态添加样式时,样式无效className={this.props.codePanelVisible ? 'active' : null}解决:局部样式在打包时会对组件样式进行名称的hash操作,所以无法找到active样式,所以应该改写如下// 引入的样式import styles from './menu-bar.css';className={this.pro...原创 2020-03-06 11:15:44 · 1599 阅读 · 0 评论 -
Elementui select选中值绑定为对象时,不显示选中名称
问题:在使用Element的Select下拉选择框时,设置其选中返回值是Object类型时,选中后Select框不显示选中目标的信息。例如下面图片选中赵云,下拉框会不显示选中的选项相关信息。原因:Select组件默认会显示v-model绑定值,当选中为Object类型时,无法识别对象类型,所以显示会出现错误。解决方法:使用Select组件的官方属性值value-k...原创 2019-12-27 10:13:39 · 4032 阅读 · 0 评论 -
Scratch-blocks build无法编译问题 解决方法
scratch-blocks build编译失败的解决方案官方issue:https://github.com/LLK/scratch-blocks/issues/1620在使用scratch-blocks时,遇到build编译失败,百度查了下解决方案,发现没有一篇能解决我这个问题,查不到相关的解决方案,于是我就去github的issue寻找是否有人与我相同遇到这种情况,查看了几篇文章终于发...翻译 2019-12-20 17:31:58 · 2355 阅读 · 9 评论 -
JS Array.map方法内异步方法无法同步执行
问题:JS map方法内异步方法无法同步执行场景:我们在使用map来设置每一项值的时候,涉及到异步操作,就会出现问题。按照常规,重现出一种情形。假设我要使用map对每一项值进行操作,其中涉及到异步操作(此处使用演示来模拟),在简短延时后将值设置为10。我们理想中ret的值是[10,10,10,10,10](async () => { let arr = [1,2,3,4,5...原创 2019-12-11 16:03:58 · 6752 阅读 · 4 评论 -
Swiper首次渲染界面时计算高度不正确
Swiper首次渲染界面时计算高度不正确原因:有图片加载,一开始图片没完全加载。导致swiper计算swiper-wrapper高度时,只计算了一部分的高度,导致盒子显示不完整。解决:Swiper Observer增加Options选项,监听盒子的变化,触发刷新。swiperOptions: { autoHeight: true, observer:true, ...原创 2019-12-04 10:46:38 · 1288 阅读 · 0 评论 -
JS 小坑 - AJAX请求的小坑,请求接口404
背景:公司需要帮助其他项目修改源码,但是跑起来发现无法正常发送请求,请求全部为404状态。后端也确定了对请求的接口进行了处理。前端js设置的url也看起来很正常。思考:1.确认后端接口的地址(确定了代表后端是没有问题的)2.404代表找不到接口,那么就要从前端入手了,一般都是url出问题。解决:在JavaScript中看到AJAX请求的地址没有异样,对了几遍接口也是没问题的。...原创 2019-11-18 17:38:56 · 1573 阅读 · 0 评论 -
vue-quill-editor富文本选项对齐混乱
vue-quill-editor富文本选项对齐混乱问题:今天使用ElementUI与vue-quill-editor的时候发现,富文本编辑框选项对齐出现了点问题。原因:查询结构发现,是与ElementUI的样式出现问题。vue-quill-editor中,没有设置自身的行高,而是通过继承来设置的line-height,而且其中选项并没有BFC限制,导致行高混乱了。解决方法:为vue...原创 2019-11-13 17:37:33 · 2911 阅读 · 2 评论 -
JavaScript 字符串true或false转换为Boolean类型数据
前言:在写一个按钮切换效果时,遇到了一个数据类型问题。我打算的是通过属性判断按钮是否被选中,设置其属性为true和false,但是奇怪的发现,当属性为空,切换到true,在切换到false,之后一直就为false了,非常奇怪。后来debuger发现,原来是数据类型出现的错误。html标签内存的都是字符串,所以使用getAttribute读出来的就是字符串整体流程是 读出字符串...原创 2019-11-05 11:32:01 · 3897 阅读 · 0 评论 -
ElemenUI 使用router.push()跳转,menu菜单选项与当前页不一致
在使用ElementUI时,使用到了 el-menu 编写菜单组件时发现,由router.push()跳转到另外一个组件,Menu的状态不会更新。导致状态不同步。查阅了官方网站,发现有对应的方法解决。default-active 当前激活菜单的 index使用配置default-active指向当前路由的path,就可以解决。因为组件也是使用element中的router配置的,所以选项的i...原创 2019-11-04 16:28:15 · 2938 阅读 · 0 评论 -
CSS 隐藏滚动条,同时可以滚动
如何隐藏滚动条且可以滚动在开发中遇到一个问题,就是原始的滚动条有点难看,我想隐藏掉,如果使用overflow:hidden,会使滚动效果失效,超出部分无法显示。于是上网搜了搜,可以用两种思路解决这个问题1.使用选择器隐藏滚动条.mybox::-webkit-scrollbar { display: none;}这样可以直接隐藏掉滚动条,让它隐藏不显示,同时也有滚动效果存在。但...原创 2019-10-30 15:53:49 · 529 阅读 · 0 评论