From 77e5c96577bfe426e4a341361e5c196dd5c5b7c9 Mon Sep 17 00:00:00 2001
From: zhangnuoyan <9354631+zhangnuoyan@user.noreply.gitee.com>
Date: 星期日, 25 八月 2024 16:28:28 +0800
Subject: [PATCH] feat: 增加一些组件
---
src/views/components/the-a-tabs/index.vue | 11 ++++++++++-
1 files changed, 10 insertions(+), 1 deletions(-)
diff --git a/src/views/components/the-a-tabs/index.vue b/src/views/components/the-a-tabs/index.vue
index 8e501b0..438a88b 100644
--- a/src/views/components/the-a-tabs/index.vue
+++ b/src/views/components/the-a-tabs/index.vue
@@ -1,6 +1,8 @@
<template>
<div>
- <p v-for="(item, key) in data" :key="key" :class="index === key ? 'active' : ''">{{ item }}</p>
+ <p v-for="(item, key) in data" :key="key" :class="index === key ? 'active' : ''" @click="handleChange(key)">
+ {{ item }}
+ </p>
</div>
</template>
<script lang="ts" setup name="TheATabs">
@@ -14,6 +16,13 @@
data: () => []
}
);
+const emits = defineEmits<{
+ (e: "handleChange", index: number): void;
+}>();
+const handleChange = (index: number) => {
+ if (props.index === index) return;
+ emits("handleChange", index);
+};
</script>
<style lang="scss" scoped>
div {
--
Gitblit v1.8.0