(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