Files
EdgeAdmin/web/public/js/components/common/menu-item.js
2020-11-24 17:36:42 +08:00

28 lines
633 B
JavaScript

/**
* 菜单项
*/
Vue.component("menu-item", {
props: ["href", "active", "code"],
data: function () {
var active = this.active
if (typeof (active) == "undefined") {
var itemCode = ""
if (typeof (window.TEA.ACTION.data.firstMenuItem) != "undefined") {
itemCode = window.TEA.ACTION.data.firstMenuItem
}
active = (itemCode == this.code)
}
return {
vHref: (this.href == null) ? "" : this.href,
vActive: active
}
},
methods: {
click: function (e) {
this.$emit("click", e)
}
},
template: '\
<a :href="vHref" class="item" :class="{active:vActive}" @click="click"><slot></slot></a> \
'
});