解决：

在@click后面加一个.native的修饰符即可

解释：

.native 修饰符的作用：告诉 Vue，在绑定事件时，使用原生的 DOM 事件，而不是 Vue 自定义的事件。

因为 el-card 作为一个 Element UI 组件，默认没有暴露原生的 click 事件，而是处理自己的自定义事件。如果直接使用 @click="goToProfile"，Vue 会尝试绑定到 Vue 内部的事件，而不是 el-card 元素的原生 click 事件，所以事件不会触发。

举个例子：

假设有一个自定义的 Vue 组件 MyButton，在 MyButton 上直接写 @click="handleClick"，Vue 会把这个 click 事件当作一个自定义事件处理：

<MyButton @click="handleClick" />

但是，MyButton 内部可能有一个原生的 button 元素，而 button 的点击事件并没有被 Vue 直接转发到 MyButton 上。因此，你无法直接通过 @click 在外部监听 button 的原生点击事件。

这时，如果你在 MyButton 上加上 .native 修饰符：

<MyButton @click.native="handleClick" />

Vue 会将这个事件绑定到原生的 DOM button 元素的 click 事件，而不是 Vue 自定义的事件，这样就能触发 handleClick 方法了。