router-link添加事件,css中calc属性,props属性,隐藏滚动条,git更新本地代码

(1)在router-link上添加事件是不会被触发的,因为router-link本身就是自定义组件,在上面绑定事件是不会被触发的,解决方法是添加修饰符(.native)
(2)calc属性: css3新增属性动态计算元素属性"calc(100% - 40px)",但是需要注意在less中"calc(100% - 40px)"不能被正确解析需要添加波浪号即是calc("100%-40px")
(3)props属性:子组件不能直接使用父组件的数据,他们是独立存在的,子组件想使用父组件的数据的时候props是唯一的接口现在父组件中动态声明子组件props中的参数,在动态绑定父组件data中的数据

//父组件中
 <tab :tabsActive='tabsActive' :tabs='tabs' @clickTab='clickTab'></tab>

//子组件中定义父组件的传递过来值的类型与定义默认值
 name: "tabs",
  props: {
    tabsActive: {
      type: Number,
      default: 0
    },
    tabs: {
      type: Array
    }
  },
  data() {

(4)隐藏侧边上下滚动条,并保持滚动的属性:最简单方法套三层盒子,第一层溢出隐藏,第二层需要滚动方向自动,不需要滚动的方向溢出隐藏,且绝对定位下移动滚动条宽度,将滚动条进行隐藏,第三个盒子书写内容

 <div class="tabNav_box">
    <div class="nav_container">
      <ul class="tabNav">
        <li>内地</li>
        <li>内地</li>
        <li>内地</li>
        <li>内地</li>
        <li>内地</li>
      </ul>
    </div>
  </div>

(5)git更新本地项目文件

 //从git远程仓库将代码
git fetch origin master
//本段代码是比较线上代码与本地代码不同,不是必须要执行
git log -p master.. origin/master
//本段代码是将线上拷下来的代码与本地的代码合并,必须执行
git merge origin/master
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1. 前言 前端圈有个“梗”:在面试时,问个css的position属性能刷掉一半人,其中不乏工作四五年的同学。在...
    YjWorld阅读 4,936评论 5 15
  • 问题: 当容器有一定的高度(设有固定高度或者是最大高度),但是内容高度不确定,有可能会撑开父容器产生滚动条,也有可...
    晨曦_f83d阅读 5,940评论 0 3
  • [喜大普奔,开源地址,请猛戳我](https://github.com/KuiShang/blog-manage)...
    0f439e95a3f9阅读 453评论 0 0
  • css相关 1. 万能居中 1.margin: 0 auto;水平 2.text-align: center;水平...
    chaocc阅读 1,130评论 0 2
  • 有的时候总是会碰到稀奇古怪的需求,像现在就有一个判断条滚动时显示,不滚动时隐藏的。按照一般的滚动条显示隐藏需求,基...
    执笔于情阅读 20,313评论 0 5

友情链接更多精彩内容