|
- 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');
- let len = 0;
- if(items){
- len = items.length?items.length:0;
- }
-
-
- 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 });
- }
- }
- });
|