123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- import { VantComponent } from '../common/component';
- VantComponent({
- relation: {
- name: 'tabs',
- type: 'ancestor',
- current: 'tab',
- },
- props: {
- dot: {
- type: Boolean,
- observer: 'update',
- },
- info: {
- type: null,
- observer: 'update',
- },
- title: {
- type: String,
- observer: 'update',
- },
- disabled: {
- type: Boolean,
- observer: 'update',
- },
- titleStyle: {
- type: String,
- observer: 'update',
- },
- name: {
- type: [Number, String],
- value: '',
- },
- },
- data: {
- active: false,
- },
- methods: {
- getComputedName() {
- if (this.data.name !== '') {
- return this.data.name;
- }
- return this.index;
- },
- updateRender(active, parent) {
- const { data: parentData } = parent;
- this.inited = this.inited || active;
- this.setData({
- active,
- shouldRender: this.inited || !parentData.lazyRender,
- shouldShow: active || parentData.animated,
- });
- },
- update() {
- if (this.parent) {
- this.parent.updateTabs();
- }
- },
- },
- });
|