Click button inside to a clickable element with event Vue3

Hello, I have a table with click event on tr tag and i have a button inside the td tag and when I click the button nothing happen. How to fix my problem.

<table>
  ...
  <tbody>
      <tr @click="myAction">
          ...
          <td>
              <button @click="editAction">Edit</button>
          </td>
      <tr>
  </tbody>
</table>

How are the methods myAction and editAction implemented?

Just do a request

const editAction = async () => {
  await axios.post(`/api/...`)
};