import { VantComponent } from '../common/component';
|
|
import { useParent } from '../common/relation';
|
|
VantComponent({
|
|
classes: ['active-class', 'disabled-class'],
|
|
relation: useParent('sidebar'),
|
|
props: {
|
|
dot: Boolean,
|
|
badge: null,
|
|
info: null,
|
|
title: String,
|
|
disabled: Boolean,
|
|
},
|
|
methods: {
|
|
onClick() {
|
|
const { parent } = this;
|
|
if (!parent || this.data.disabled) {
|
|
return;
|
|
}
|
|
const index = parent.children.indexOf(this);
|
|
parent.setActive(index).then(() => {
|
|
this.$emit('click', index);
|
|
parent.$emit('change', index);
|
|
});
|
|
},
|
|
setActive(selected) {
|
|
return this.setData({ selected });
|
|
},
|
|
},
|
|
});
|