gpt4 book ai didi

vue.js - 在 nuxt 模板中使用 nuxt-link 的 SEO 问题

转载 作者:行者123 更新时间:2023-12-04 16:33:35 24 4
gpt4 key购买 nike

我有一张卡片,对于 SEO 的需求,我需要将 nuxt 链接放在标题上,但整个卡片必须可以通过以下方法点击:

<template>
<div @click.prevent="clickit(item)" >
<img class="background" :src="item.backgroundImage" />
<nuxt-link
:to="'/road/' + item.id"
>{{ item.text }}</nuxt-link>
<img class="mask" :src="item.backgroundMask" />
</div>
</template>

<script>
export default {
props: {
item: {
type: Object,
default: () => {}
}
},
methods: {
clickit(item) {
this.$router.push({
path: "/road/" + item.id
});
}
}
};
</script>

所以我确实喜欢那样,但问题是当我只点击标题时,它会触发两个事件。有没有办法防止nuxt链接中的默认值?

最佳答案

我找到了解决方案:

 <nuxt-link
:to="'/road/' + item.id"
@click.native="fuga"
event
class="ititle"
>{{road.name}}</nuxt-link>

然后我添加了这个方法:
fuga(e) {
e.preventDefault();
}

关于vue.js - 在 nuxt 模板中使用 nuxt-link 的 SEO 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60240181/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com