- 博客(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
2138
原创 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
2715
1
原创 用getElementsByClassName获取元素无法添加事件
用getElementsByClassName获取元素想要添加点击事件发现添加不了,查看获取到的元素,发现是一个数组如果想要添加事件,需要给其加下标
2020-06-09 17:17:36
1379
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
1917
原创 设置输入框和按钮对齐
写一个简单的搜索页面,想达到如下图的结果 <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
4035
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅