这是我的代码。我不知道为什么我不能点击 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>
尝试对锚标记使用 @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');
},
您可以通过方法参数传递数据
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句