<el-button @click=“handleSelectionRelation(‘血缘的我’)”>血缘的我</el-button> 如何修改才能保证选中之后长亮

这个HTML代码片段使用了Element UI的`<el-button>`组件，并设置了一个点击事件`@click="handleSelectionRelation('血缘的我')"`，当用户点击按钮时会触发`handleSelectionRelation`方法，显示与'血缘的我'相关的操作。

如果你想让选中后的按钮保持高亮状态，通常需要配合Vue.js的数据绑定和状态管理来实现。你可以这样做：

1. 首先，在你的Vue实例中添加一个布尔属性表示按钮是否被选中，例如`selected: false`。

<template>
  <el-button v-bind:class="{ active: selected }" @click="handleSelectionRelation('血缘的我')">
    血缘的我
  </el-button>
</template>

<script>
export default {
  data() {
    return {
      selected: false,
    };
  },
  methods: {
    handleSelectionRelation(type) {
      // 点击处理逻辑
      this.selected = true; // 当点击时将selected设为true，使其变为高亮
      // 其他操作...
    },
  },
};
</script>

2. 使用`.active`类名关联你的样式，比如在CSS中定义`:active`伪类来改变选中状态的颜色或边框。

.el-button.active {
  background-color: /* 选中颜色 */;
  border-color: /* 选中边框颜色 */;
}