Vue报错:NavigationDuplicated: Avoided redundant navigation to current location(提示这是到当前位置的冗余导航)

news/2024/7/10 0:54:32 标签: vue, javascript, 列表

今天在做电影app时,需求是:有一个长列表,当我们滑动后,进入了另外一个页面之后在返回列表页时,会依旧保持我们第一次滑动的位置。看图:

在这里插入图片描述
解决方法:
在router.js(由于配置不同,或许有些人需写在router/index.js)中写入以下代码:

javascript">import Router from 'vue-router';

const originalPush = Router.prototype.push

Router.prototype.push = function push(location) {

  return originalPush.call(this, location).catch(err => err)

}

http://www.niftyadmin.cn/n/1143446.html

相关文章

Vue中解决better-scroll的滚动问题以及刷新页面better-scroll不起作用问题

不得不说better-scroll是个很好用的第三方框架,但是使用恰当才能发挥它强大的功能哦!具体使用步骤请移步→better-scroll链接Github 但是better-scroll用的恰当的话并不会出现在手机上滚动不了的情况 具体问题: 1.使用的时候为什么滚动不起作…

vue中报错Error in render: “TypeError: Cannot read property ‘length‘ of undefined“

通过查阅资料,其实这种报错会有两种: 1.在html标签模板上使用length会报错,报错原因为在这个时候你还拿不到某个数组的length,解决方案为:在此标签上加个v-if"array.lenth",如果你更想保险的话使用v-if"…

Vue报错[Vue warn]: Error in render: “TypeError: “checkedCount“ is read-only“

写vue时报出这样一个错误,某个东西是只读的; 报错原因:我在用一个变量的时候,我居然是用const声明的,真不细心。声明变量用let,常量用const; 复习一下let和const: 1.let &#xff08…

vue中keep-alive,include的缓存问题(玩好keep-alive)

前提:有A,B,C,D四个页面,A是按钮页(点击按钮进入B页面),B是订单列表页,C是订单详情页,D是费用详情页 需求:顺序是A->B->C->D,每次都刷新页面,D->C->B时走缓存,但是每次从A到B都…

通过Vuex实现Input双向绑定

store.js: store new Vuex.store({state:{inputVal: },mutations:{setInput (state, newVal) {state.inputVal newVal}} }) 页面中绑定&#xff1a; <template><div><input v-model storeVal></div> </template> <script> export defa…

TypeScript泛型及其一些写法

Vue3拥抱Typescript之泛型 // 平常写ts可能会这样注解类型&#xff0c;但是这样有些麻烦&#xff0c;能不能简洁点呢 //function joi(first: string | number,second: string | number){ // return first second //} // JJ是泛型&#xff0c;在最简单的泛型用法中可以类比形参…

Vue3警告[Vue warn]: Avoid app logic that relies on enumerating keys on a component instance.

在Vue3中使用watch监听useRoute()的时候&#xff0c;控制台报出警告&#xff1a; [Vue warn]: Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead. watch&#xff08;rout…

JWT---Token身份令牌验证

什么是Token&#xff1f; 在计算机身份认证中是令牌&#xff08;临时&#xff09;的意思&#xff0c;在词法分析中是标记的意思。一般我们所说的的token大多是指用于身份验证的token 为什么使用token? 我们需要每次都知道当前请求的人是谁&#xff0c;但是又不想每次都让他提交…