},
state(val){
this.slideTo(val)
}
},
computed: {
wrapStyle(){
var _str = "";
if (this.width) _str += `width:${this.width}px;`;//宽度
_str += `-webkit-transform:translateX(${this.cssX}px);` //位移。
_str += `transform:translateX(${this.cssX}px);` //位移。
return _str
}
}
}
</script>
<style lang="sass" rel="stylesheet/sass" type="sass">
.fixWrap
z-index: 999
position: relative
.component-tabsWrap
width: 100%
overflow: hidden
min-height: .1rem
position: relative
background: #fff
.component-tabs
height: 100%
display: table
.component-tab
display: table-cell
box-sizing: border-box
text-align: center
vertical-align: middle
</style>
本文已被整理到了《Vue.js前端组件学习教程》，欢迎大家学习阅读。
如果大家还想深入学习，可以点击两个精彩的专题：javascript选项卡操作方法汇总 jquery选项卡操作方法汇总
