el-button 点击默认不失焦解决

### 回答1：
可以使用 el-button 的 "native-type" 属性来解决这个问题。设置 "native-type" 属性为 "button" 可以阻止 el-button 组件在点击时失去焦点。

示例：

<el-button native-type="button">按钮</el-button>

这样就可以在点击按钮时阻止其失去焦点。

### 回答2：
要解决 el-button 点击后不失焦的问题，有一个简单的方法可以实现。可以通过在按钮的点击事件中使用 JavaScript 的 `preventDefault()` 方法来阻止按钮的默认行为，这样按钮就不会失去焦点。

代码示例如下：

<template>
  <div>
    <el-button @click="handleClick">点击按钮</el-button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick(event) {
      event.preventDefault(); // 阻止按钮的默认行为
      // 处理按钮点击的逻辑
    }
  }
}
</script>

通过在点击事件处理方法中添加 `event.preventDefault()`，可以阻止按钮的默认行为，即使按钮被点击后也不会失去焦点。这样可以确保按钮在点击之后仍然保持选中状态。

注意，以上示例中的 `handleClick` 是一个自定义的方法名，可以根据实际需求进行修改，将逻辑处理的代码放在该方法中。

这样，当 el-button 被点击时，不会失去焦点，可以继续保持选中状态和样式。

### 回答3：
在使用element-ui框架中的`<el-button>`按钮组件时，点击按钮后会默认出现失焦的情况，但我们可以通过一些方式来解决这个问题。

首先，我们可以使用`@mousedown`事件来替代默认的`@click`事件。`@mousedown`事件在鼠标按下时触发，而`@click`事件在鼠标松开时触发。通过监听`@mousedown`事件来替代`@click`事件，可以在按钮点击后阻止默认的失焦行为。

例如，我们可以使用如下的代码来实现按钮点击后不失焦的效果：

<template>
  <el-button @mousedown="handleClick">按钮</el-button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      // 按钮点击事件处理逻辑
      
      // 阻止按钮失焦行为
      event.preventDefault();
    }
  }
}
</script>

这样，当用户点击按钮时，按钮不会失焦，仍然保持高亮状态。

除了通过`@mousedown`事件来解决失焦问题外，还可以使用CSS中的`:focus`伪类来修改失焦时元素的样式，以达到不失焦的效果。

总之，当需要`<el-button>`点击后不失焦时，我们可以通过监听`@mousedown`事件来阻止默认的失焦行为，或者通过CSS来修改失焦时元素的样式，以满足我们的需求。