el-button默认选中

在Element UI中，el-button 组件默认不支持 :selected 属性，这是因为按钮通常不会处于选中状态。如果你想要在渲染时按钮看起来是被选中的，你可以使用 class 属性来为按钮添加自定义样式，或者使用 v-bind:class 来动态绑定样式。

以下是一个例子，演示如何使用 v-bind:class 来根据数据属性来动态添加选中样式：

<template>
  <el-button :class="{ 'is-selected': isSelected }" @click="toggleSelection">
    按钮
  </el-button>
</template>
 
<script>
export default {
  data() {
    return {
      isSelected: true // 默认选中状态
    };
  },
  methods: {
    toggleSelection() {
      this.isSelected = !this.isSelected; // 切换选中状态
    }
  }
};
</script>
 
<style>
.is-selected {
  background-color: #409eff; /* 蓝色背景 */
  color: white; /* 白色文字 */
}
</style>

在这个例子中，我们定义了一个 isSelected 数据属性，并在按钮的 class 属性中使用它来决定是否应用 is-selected 类。当按钮被点击时，toggleSelection 方法会被触发，它将 isSelected 的值切换，从而动态更改按钮的样式。