关于router-link 用@click.native点击事件进行页面跳转的问题

最新推荐文章于 2024-08-29 15:30:51 发布

原创最新推荐文章于 2024-08-29 15:30:51 发布 · 4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #router-link

vue-rouder 专栏收录该内容

2 篇文章

订阅专栏

博客指出列表页使用特定方法进入详情页，首次返回能保持位置，再次进出页面会刷新。提出错误方法，建议将router - link换成li，把click.native换成click，可解决多次进出详情页返回位置的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

情景：就是列表页使用上面方法进入详情页，返回的时候要再点进去的位置不能动，第一次可以没有问题，第二次点击去再出来页面就刷新了。

1.错误的方法

<router-link
v-show="info" 
tag="li" 
v-for="(item,index) in arr" 
:key="index" 
:to = '{}'
@click.native='go(item,index)'>
    <div class="shadow"></div>
	<div class="content" >
    </div>
</router-link>

2.把router-link 换成li 吧click.native换成click

<li 
v-show="info" 
tag="li" 
v-for="(item,index) in arr" 
:key="index" 
@click='go(item,index)'>
    <div class="shadow"></div>
	<div class="content" >
    </div>
</li>

这样就不管进几次详情，返回都会在进去之后的位置