57 lines
1.3 KiB
JavaScript
57 lines
1.3 KiB
JavaScript
|
Component({
|
||
|
|
externalClasses: ['i-class'],
|
||
|
|
|
||
|
|
relations: {
|
||
|
|
'../tab/index': {
|
||
|
|
type: 'child',
|
||
|
|
linked () {
|
||
|
|
this.changeCurrent();
|
||
|
|
},
|
||
|
|
linkChanged () {
|
||
|
|
this.changeCurrent();
|
||
|
|
},
|
||
|
|
unlinked () {
|
||
|
|
this.changeCurrent();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
properties: {
|
||
|
|
current: {
|
||
|
|
type: String,
|
||
|
|
value: '',
|
||
|
|
observer: 'changeCurrent'
|
||
|
|
},
|
||
|
|
color: {
|
||
|
|
type: String,
|
||
|
|
value: ''
|
||
|
|
},
|
||
|
|
scroll: {
|
||
|
|
type: Boolean,
|
||
|
|
value: false
|
||
|
|
},
|
||
|
|
fixed: {
|
||
|
|
type: Boolean,
|
||
|
|
value: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
changeCurrent (val = this.data.current) {
|
||
|
|
let items = this.getRelationNodes('../tab/index');
|
||
|
|
const len = items.length;
|
||
|
|
|
||
|
|
if (len > 0) {
|
||
|
|
items.forEach(item => {
|
||
|
|
item.changeScroll(this.data.scroll);
|
||
|
|
item.changeCurrent(item.data.key === val);
|
||
|
|
item.changeCurrentColor(this.data.color);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
emitEvent (key) {
|
||
|
|
this.triggerEvent('change', { key });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|