60 lines
1.4 KiB
JavaScript
60 lines
1.4 KiB
JavaScript
|
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();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|