vue 三个a 标签 点击那个a标签 就设置 点击的那个a标签字体大小

可以使用Vue的事件监听器和绑定样式语法实现这个功能。具体实现方式如下：

1. 给每个a标签绑定一个点击事件监听器，用来记录当前点击的是哪个a标签。

<template>
  <div>
    <a href="#" @click="handleClick(1)">A1</a>
    <a href="#" @click="handleClick(2)">A2</a>
    <a href="#" @click="handleClick(3)">A3</a>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick(index) {
      // 记录当前点击的a标签下标
      this.currentIndex = index;
    },
  },
};
</script>

2. 使用Vue的样式绑定语法，根据记录的下标来设置当前点击的a标签的字体大小。

<template>
  <div>
    <a href="#" :style="{ fontSize: currentIndex === 1 ? '16px' : '12px' }">A1</a>
    <a href="#" :style="{ fontSize: currentIndex === 2 ? '16px' : '12px' }">A2</a>
    <a href="#" :style="{ fontSize: currentIndex === 3 ? '16px' : '12px' }">A3</a>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentIndex: 0, // 记录当前点击的a标签下标
    };
  },
  methods: {
    handleClick(index) {
      // 更新当前点击的a标签下标
      this.currentIndex = index;
    },
  },
};
</script>

这样就可以实现点击哪个a标签就设置对应的字体大小了。