=========长期保存, 会忘记的=============
css
1 空格
2 flex布局 一行三个
3 可以选择标签 nth-child(3)选到第三个
2n是偶数 2n-1是奇数标签 qvq
first-child last-child
这样大概不用单独给他们写个标签了_(:з」∠)_
nth-child(n+3) 这个表示选择列表中的标签从第3个开始到最后。
nth-child(-n+3)这个表示选择列表中的标签从0到3，即小于3的标签。
4 【v-for】 会把自己的元素一起给循环掉。这也是我们不推荐写到根元素的原因…… 会出一堆好吗。
然后这个:nth-child 并不是到不了 而且它把根元素一起循环了 它是真的只有那两个子元素 所以它笨笨了
遇事不急 多"查看元素"
5 border 和 background 都设置了 但是border会长一点?
那是不可能的 .. 除非你 搞错了qwq 看你是不是其实套了两个盒子
或者更白痴的是 看看大的那个盒子 ctrl+F 一下 它的样式说不定很早之前已经被定义了好几次了 不单单是你能看到 的那个 style: "....."
=====================================
for item in options 写法
options: [
{
value: '',
label: '全部'
},
{
value: 1,
label: '创建合同'
},
{
value: 2,
label: '签署合同'
},
{
value: 3,
label: '拒签合同'
},
{
value: 4,
label: '身份认证'
},
],
=====================
想要设置默认标签的话
form data里面要绑定 然后 要保持一致 你懂吧
默认的有“” 就可以了
关键是data里面要有。。。
====================================
vertical align 只针对块级元素有效
不是的可以试试text-align center
如果float right 会一下子破坏vertical align布局(float就是给当成 inline-block了)
【position absolute 解决一切问题。。。 还方便 不要在这个上面花掉太多时间qwq】
js
1 因为 3 3 4手机号格式化的东西 中间有空格 下一次用到的时候它变成
(this.loginForm.login.replace(/[ ]/g, ''))
=======容易错的=======================
1 css
<style rel="stylesheet/scss" lang="scss" scoped>
这个之后 发现 如果外面有括号
part1{
part1.div
}
这样里面也是scoped 对外面不起作用qwq
2 【重要】
【而且常用】
console.log不出来 很有可能是因为没写this导致的报错 而不是什么其他行为.
校友邦 学生版
=========人家怎么写的css===============
1、【可以这样重定向 是用了什么技术呀？】
permission.js 里面 把router每个to和from都做了重定向( 之后也每一次都redirect 重定向了 只是它没console.log 你不知道而已qwq ) 然后加入white list里 router里面也写对就可以
2、很多地方都是state里面的
3、一个大大的遮罩层，其实是这样给假冒出来的
.drawer-bg {
background: #000;（黑色，#fff是白色）
opacity: 0.3;(关键是这个qwq)
width: 100%;
top: 0;
height: 100%;
position: absolute;
z-index: 999;
}
(你看!index999, 而且占满全部
并且这个是 v-if="device==='mobile'&&sidebar.opened" 的时候才出现的aha?
手机端因为太小了qwq 所以糊给了一个遮罩层。
4、吸顶效果其实我没做……
只是box-shadow。 其实连border-bottom都不用qwq
唉唉
5、
@include是什么鬼， 我要好好学一下！！！
姆 原来这个slidebar 是直接在stylus里面定义好的 看来我要用mixin了姆
写了好多多！ 原来css应该这样写吗
===========================================
要刨根问底呀~ 不然不会进步
子组件这样
不过就是解析的时候有点难看
this.details = JSON.parse(this.$route.query.details);
外面推的时候
this.$router.push({ name: 'screen',query:{details: JSON.stringify(this.details)} })
local storage不好
是路由传的时候没传进去？我的天啊 这我怎么能想的到
先是传递进去的时候 param改成了 query
然后 具体的detail是哪里赋值的？看了一下，原来是在外面赋值 然后存到detail里面去， 里面刷新 外面的就没了（大概是这个意思）
然后 就把detail保存一下 直接传进子组件里面去 不依赖于vuex的全局变量（刷新的时候会重新创建实例）
具体的原因 还是 看看https://www.cnblogs.com/attacking-cabbage/p/10846211.html
后来发现这个vuex的问题，除了detail之外 其他的用户名什么的也会一起出问题。于是我~ 一起改了改
因为太多，而且怕roles直接全局替换不太好？emmm然后反正就
this.roles=this.$store.state.user.roles;
//console.log("百试百灵bug消除",this.roles);
this.$router.push({ name: 'contractDetail', query: { compo: compo,details: JSON.stringify(this.details), roles: JSON.stringify(this.roles)}});
this.$store.state.user.roles = JSON.parse(this.$route.query.roles);
_(:з」∠)_ _(:з」∠)__(:з」∠)_
关键是这个gg的还有两个地方跳转，经常搞混。
=====================================================
然后有一个可以说是极其重大的发现，就是如果js错误的话，火狐没报，也可能我不会看？（谷歌的开发者界面难用得都不能用。。还是火狐吧）页面还是好的，继续跑，所以你会发现没有console.log
只是因为里面错了
只是因为里面错了
不是因为create没有被调用 哈哈哈哈
今天改这个的时候 其实其实完全只是因为role没定义 不是传不进来
反正到处console看一下嘛 前后数据都有的 恍然若悟
还是用那个分段法 把我这句百试百灵到处摆上 然后定位跑到哪里的时候不动了/
一般create里面这样解决完全足够~
前端还是很有意思的哈哈哈哈 wish u enjoy it
=====================================================
对了 最后 每次喝酸奶的时候 我都感觉人生价值得到了升华
cc整理桌子说的啥
还有 发现 这样会快一点~
protocolShow(value){
this.is_show_protocol_01 = !(value === 'showP1');
this.is_show_protocol_02 = !(value === 'showP2');
},
然后发现又gg了
===========================================
el-table 还好没有去自己写呀!
然后template是给里面的插槽 qwq
<el-table-column label="区块链查询" align="center">
<template slot-scope="scope">
<el-button class="stamp-query" @click="blockQuery(scope.row)">查询</el-button>
</template>
</el-table-column>
</el-table>
就连page都是el-pagination
===========================================
<el-form-item label="操作类型">
<el-select v-model="stampForm.type" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"></el-option>
</el-select>
</el-form-item>
发现了qwq~ 想用countdown 只要直接 ref 然后从util import countdown这个就好惹qwq
boder-bottom / top 好用!
直接background rbga(黑色,0.2) 方便快捷!
来源：CSDN
作者：StrongerIrene
链接：https://blog.csdn.net/StrongerIrene/article/details/104055759