当前位置: 首页 > 工具软件 > Click Router > 使用案例 >

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

濮阳弘扬
2023-12-01

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

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>

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

 类似资料: