- 博客(5)
- 收藏
- 关注
原创 vue项目中ESlint和Prettier规则起冲突
在vue项目中,每次保存总会出关于符号的错,要么是双引号要么是末尾分号,但是改了之后又保存就还是恢复原样。 这是因为ESlint的规则和Prettier的规则起冲突,Prettier支持双引号和分号,Eslint不支持。所以可以改变ESlint或者是Prettier的规则。 1.改变Eslint规则,在.eslintrc.js中的rules添加 //"off"或者0 关闭规则 //"warn"或者1 警告 //"error"或者2 错误 rules:{ "quotes": 0 //
2021-03-21 12:35:08
2075
原创 v-for遍历对象键值对
用v-for遍历对象键值对时,顺序是值,键,索引 遍历的结果为 书籍-----name-----0 今日购买-----value-----1 <el-table-column v-for="(val, key,index) in tableLabel" :prop="key" :label="value" :key="index"></el-table-column> export default{ data() { return{ tableLabel: {
2020-07-22 10:19:22
2682
1
原创 用getElementsByClassName获取元素无法添加事件
用getElementsByClassName获取元素想要添加点击事件发现添加不了,查看获取到的元素,发现是一个数组 如果想要添加事件,需要给其加下标
2020-06-09 17:17:36
1351
1
原创 解决父元素的伪元素覆盖子元素
为了完成以下记事本样式 用父元素(footer)的伪元素来写,阴影结果子元素(span) clear点击不到 给伪元素设置 pointer-events:none; 就可以解决 <footer> <span>{{list.length}} item left</span> <span class="clear" @click="reAll">clear</span> </footer> 一开始打算给伪元素的设置z-ind
2020-05-25 12:33:30
1850
原创 设置输入框和按钮对齐
写一个简单的搜索页面,想达到如下图的结果 <div class="search"> <input type="text" placeholder="请输入查询的天气" autocomplete="off" autofocus="off"> <button>搜索</button> </div> 1.首先input和button是行内块元素,两者之间会有缝隙,给两者设置float就可以贴合在一起 input,button {
2020-05-21 10:49:38
3982
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人