elementui的Tabs Attributes的value / v-model使用举例

在Element UI的Tabs组件中，可以使用`value`或者`v-model`指令来实现标签页的切换。这两个指令的作用是相同的，都可以用于控制当前激活的标签页。下面是一个使用`v-model`指令的示例：

<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="标签1" name="tab1">
        标签1的内容
      </el-tab-pane>
      <el-tab-pane label="标签2" name="tab2">
        标签2的内容
      </el-tab-pane>
      <el-tab-pane label="标签3" name="tab3">
        标签3的内容
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: "tab1"
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
};
</script>

在上面的例子中，我们使用了`v-model`指令将`activeName`属性与Tabs组件的当前激活标签页进行了绑定。当用户点击标签页切换时，`activeName`属性的值也会随之改变。我们还可以使用`@tab-click`事件处理函数来监听标签页的点击事件，并进行一些自定义操作。

需要注意的是，如果在Tabs组件中同时使用了`v-model`和`value`属性，那么`v-model`指令的优先级更高，会覆盖`value`属性的值。