标签中的vue.js 2 h3标签不起作用

Question

这是我的代码。 我不知道为什么不能单击h3和h5标签在网络上打开新页面，但是当我单击img标签时，它可以工作。 有人可以帮我吗？ 非常感谢。

 <div class="item"> <a v-bind:href="brand.channel.parent_channel.name_en + '/' + brand.channel.name_en +'/articles/' + brand.id"> <div class="module_img"> <img :src="brand.logo" :alt="brand.title"/> </div> <h3 class="dotdot">{{ brand.title }}</h3> <h5 class="dotdot">{{ brand.brief }}</h5> </a> </div> 

Answer 1

尝试将@click事件用于锚标记示例：

<div>
      <a @click="openGoogle()">
        <div>
          <img src="https://placehold.it/100x100">
        </div>
        <h3>john</h3>
        <h5>doe</h5>
      </a>
    </div>

和方法：

openGoogle(){
      window.open('http://google.com');
    },

您可以通过方法参数传递数据

Answer 2

尝试添加样式display: inline-block <a>标记中的display: inline-block 。