我怎么更改上述代码中<el-button> 的颜色

如果你想更改`<el-button>`的颜色，你可以直接在CSS样式表中定义一个新的类或者修改现有的类，然后给按钮添加上这个新类。Element UI提供了丰富的主题颜色供选择，也可以自定义。

下面是一个简单的例子：

.button-custom-color {
  color: /* 指定你需要的颜色 */;
  background-color: /* 可能需要对应的背景色 */;
}

然后在HTML里将`class="button_login"`替换为你定义的新类，如下所示：

<el-button round class="w-[400px] button_custom_color text-2xl" @click="signup">
  Sign up
</el-button>

如果你想要动态改变按钮颜色，可以使用JavaScript配合Vue的`v-bind:class`指令，根据特定条件改变按钮的类名：

this.$refs.yourButton.className = 'button_custom_color';
// 或者
this.$set(this.$refs.yourButton, 'className', 'button_custom_color');

请记得更新`button_custom_color`类的样式以匹配你的需求，并替换`yourButton`为实际的元素引用名称。