乱七八糟的注意点们

=========长期保存, 会忘记的=============

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) 方便快捷!