Vue.js Vue可单击行与href冲突

对不起。颠倒过来的问题。我有这张桌子。这是通过iWasClicked功能可以点击的，但我还有最后一个带有可点击图像的td（href）。我希望最后一个td只能通过图像点击（href）。现在，它触发了两者。href链接和iwascrick来自tr

<tr
          class="bg-gray-100 text-dark text-center cursor-pointer hover:bg-gray-300"
          v-for="currentView in getOrganizationsDashboard().projects"
          :key="currentView.id"
          @click="iWasClicked(currentView.projectName)"
        >
          <td class="px-4 py-3 border-b-2 border-dark">
            <!-- {{ showProjectSuccessRunPercentage(currentView)}} -->
            <img
              class="w-10 inline-block align-middle"
              :src="showProjectSuccessRunPercentage(currentView)"
              alt="Organization Icon"
            />
          </td>
          <td class="px-4 py-3 border-b-2 border-dark">
            {{ currentView["projectName"] }}
          </td>
          <td class="px-4 py-3 border-b-2 border-dark">
            <a
              class=" "
              :href="
                'https://xxx.us/org/' + currentView['projectName']
              "
              target="_blank"
              ><img
                class="inline-block w-10"
                alt=""
                src="../assets/img/myLogo.svg"
            /></a>
          </td>
        </tr>

{{currentView[“项目名称”]}

您必须停止点击事件冒泡并触发点击

tr

，您可以这样做：

---

您必须停止点击事件冒泡并触发点击
tr
，您可以这样做：


对于
@单击
，最好使用提供的Vue事件修饰符，即
.stop
。与回答的内容一样，这也将停止单击事件的传播

<tr @click.stop="iWasClicked(currentView.projectName)">

对于
@单击
，最好使用提供的Vue事件修饰符，即
.stop
。与回答的内容一样，这也将停止单击事件的传播

<tr @click.stop="iWasClicked(currentView.projectName)">


很抱歉回复太晚。是的，谢谢，不过是一个小编辑。我应该把它放在td我想停止点击，而不是整个tr。再次感谢！很抱歉迟了答复。是的，谢谢，不过是一个小编辑。我应该把它放在td我想停止点击，而不是整个tr。再次感谢！对非常好，谢谢！顺便说一句，Woodrow兄弟和我的区别在于我使用的是vue事件修饰符，当他使用香草javascript时，它更简单易读。两种方法你都不能出错是的。非常好，谢谢！顺便说一句，Woodrow兄弟和我的区别在于我使用的是vue事件修饰符，当他使用香草javascript时，它更简单易读。这两种方法都是有效的，你不能出错。不确定这与调用“@click.stop”有什么区别？两个似乎都为我工作。非常感谢，很抱歉回复太晚。同样有效。不确定这与调用“@click.stop”有什么区别？两个似乎都为我工作。非常感谢，很抱歉回复太晚。