![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
坑点
龙易安
这个作者很懒,什么都没留下…
展开
-
解决点击el-radio页面闪动的问题
点击el-radio,页面出现闪动。这是由于radio组件内,el-radio__inner::after元素上设置了.el-radio__input.is-checked .el-radio__inner::after{transform:translate(-50%, -50%) scale(1)}将样式再设置一下就可以了.el-radio__input.is-checked .el-radio__inner::after{transform:translate(-50%, -50%);原创 2022-02-15 11:26:22 · 929 阅读 · 0 评论 -
require引入资源时,资源路径为变量
1 场景:<img src="" alt="" />在vue项目中,使用img标签的src引入图片时,使用本地电脑图片的绝对路径(不能为相对路径),使用同源的网络图片,使用require(’./warning.png’)引入相对路径的图片var icon='./warning.png'那么如果让src中require一个变量,这个变量为图片路径的字符串,结果是报错不行的。<img :src="require(icon)" alt="" />2、解决怎么解原创 2022-01-05 08:55:46 · 2967 阅读 · 2 评论 -
子组件引入的js文件的两个问题
子组件中通过import引入的js文件,会在创建子组件的vue实例前就会被执行,所以会先于父组件中的钩子先执行。另:在两个组件中都引入了同一个js文件,此js文件中都做了打印;那么最终只会打印一次。...原创 2021-10-19 08:48:54 · 450 阅读 · 0 评论 -
Element的Collapse 折叠面板的v-model
<el-collapse v-model="activeNames" @change="handleChange"> <el-collapse-item title="一致性" name="1"> </el-collapse-item> 。。。</el-collapse>activeNames:当前激活的面板(如果是手风琴模式,绑定值类型需要为string,否则为array) data() { return {原创 2021-10-18 11:14:58 · 1503 阅读 · 0 评论 -
使用Promise封装的请求方法
export function fake(n) { return new Promise((resolve, reject) => { setTimeout(() => { if (n === 0) { reject('error') } else { resolve(n) } }, 2000) }).catch(原创 2021-09-06 09:04:24 · 238 阅读 · 0 评论 -
使用flex进行水平居中的一个问题
对父元素使用flex,能快速使其中的子元素水平居中, .container { display: flex; flex-direction: column; align-items: center; }但是这样会是的子元素中的块元素,默认充满一行的100%失效,需手动为子元素设置宽度。然而去掉align-items: center;后,块元素又能100%占满一行了。...原创 2021-09-02 10:15:16 · 679 阅读 · 0 评论 -
使用计时器的注意点
1、计时器方法包括setTimeout和setInterval方法setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。setTimeout和setInterval都回将任务放到任务队列(属于宏任务);2、setInterval在vue组件中使用了setInterval,当组件被销毁后,s原创 2021-07-15 11:43:24 · 293 阅读 · 0 评论 -
keydown事件的默认事件
为window添加keydown事件后,需要取消其默认事件,否则在按下空格键或其它特殊按键时,会发生一些莫名其妙的动作。e.preventDefault();原创 2021-07-02 15:34:34 · 333 阅读 · 0 评论 -
关于undefind与0
在判断值存不存在时,切记不要用如下方式来判断,if(val){...}因为当val为0时,val就会被当作不存在;也不能用val!=undefined来判断,一定要用val!==undefined来做判断。原创 2021-06-22 14:30:21 · 252 阅读 · 0 评论 -
横向滚动条
Element的dialog组件,使横向滚动条生效Element的dialog组件,为.el-tree-node>.el-tree-node__children设置了overflow:hidden,要调出横向滚动条,就需要使这一项设置成默认值visible.el-tree-node>.el-tree-node__children{ overflow:visible;}...原创 2021-06-21 10:24:05 · 351 阅读 · 0 评论 -
何时需要使用beforeDestory
在vue的组件的mounted钩子中,为window添加事件的话,记得在销毁组件时要移除事件,否则该组件不在了,但事件会一直存在。原创 2021-06-07 17:50:36 · 840 阅读 · 0 评论 -
export、export default和module.exports
1、export使用export向外暴露时,可以暴露多次;但是暴露的东西必须有名字export var a=function (){}那么在其它文件中引入时引入的必须使用原来定义的这个名字a必须在{ }当中,因为它只是模块中一部分,引入的是这个a是众多export中的一个。import {a} from './data.js'2、export default使用export default暴露时,只能暴露一次暴露的东西可以没有名字export default {a:"",}原创 2021-05-19 21:53:14 · 278 阅读 · 0 评论 -
动态创建DOM元素(包括动态创建svg元素)
1、问题由来在某项目中,我需要在svg标签中插入circle元素,最初按照往常使用createElement来创建,结果发现创建成功了,dom中也插入成功了,但就是在页面中不显示。创建svg元素需要使用createElementNS,在第一个参数传入字符串’http://www.w3.org/2000/svg’这是由于,svg严格来说不属于HTML5元素,属于XML标准。svg元素一般通过setAttribute方法来设置属性值。2、svg介绍svg全称为:scalable vector gra原创 2021-05-14 11:40:14 · 1760 阅读 · 0 评论 -
重写console.log方法
为了在生产阶段不要将console.log方法打印的东西打印在后台,而是将它们写在日志文件上,我们可以重写congsole.log方法,包括重写console.error、console.warn方法。1、重写方式1、使用一个变量接收console.log方法 var fa=console.log; console.log=function(){ fa(...arguments) }3、第二种方法使用立即执行函数 console.log=(function (oriLogFunc原创 2021-04-29 11:48:59 · 4125 阅读 · 0 评论