本文共 4095 字，大约阅读时间需要 13 分钟。

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

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