当前位置: 首页 > news >正文

营销型网站建设 合肥百度指数有三个功能模块

营销型网站建设 合肥,百度指数有三个功能模块,网站建设毕业设计中期进度报告,中小微企业名录库Nuxt3 动态路由URL不更改的前提下参数更新,NuxtLink不刷新不跳转,生命周期无响应解决方案 首先说明一点,Nuxt3 的动态路由响应机制是根据 URL 是否更改,参数的更改并不会触发 Router 去更新页面,这在 Vue3 上同样存在…

Nuxt3 动态路由URL不更改的前提下参数更新,NuxtLink不刷新不跳转,生命周期无响应解决方案

首先说明一点,Nuxt3 的动态路由响应机制是根据 URL 是否更改,参数的更改并不会触发 Router 去更新页面,这在 Vue3 上同样存在。

以下描述三种路由类型:

  1. 可直达URL变化静态路由:/pages/news/index.html,
  2. 可直达URL动态变化动态路由:/pages/news/1.html
  3. 可直达URL、多参数动态变化动态路由:/pages/news/1.html?type=privacy

暂且称 2 为 单参动态路由,3 为 多参动态路由

单参动态路由多参动态路由 都是动态路由,但URL、参数动态变化 的动态路由,当你只更新参数而URL无改变的情况下,使用 NuxtLink 来实现页面刷新渲染,页面并不会刷新执行服务端渲染,而是一点反应都没有。
原因是:

  1. 动态路由监听的是URL的变化而不是参数变化,URL后自?开始皆为参数部分,vueRouter 会自动分化至 route.params 内作为参数缓存。因而参数的更新而URL未更新的情况,NuxtLink跳转是无响应的,即便URL后参数已经更新。

客户端 与 服务端 操作方法及思路

思路1:使用 watch 监听route.param 或 route.query 的变化,在回调中执行你要的操作

服务端:使用 Router() 函数的 go() 或者 window.location.reload() 均可起到刷新页面的效果

watch(() => route.query,(newVal, oldVal) => {// 二选一// window.location.reload();// router.go(route.fullPath);}
);

客户端:按你实际需求来,想写啥写啥,页面不会刷新,但是内容会更新

watch(() => route.query,(newVal, oldVal) => {// 这里写你的操作}
);

思路2:利用Nuxt3 动态路由机制,修改目录结构为多层动态目录结构

如:/news/[id]/[type.vue]

本人更推荐使用思路一,而不用思路二
原因有三:

  1. 目录结构简单清晰易懂,层层嵌套反而迷惑性大大提高
  2. 此种改法,对改造性项目不友好,改造力度过大
  3. 当你跑路时,接手的同事会痛苦
http://www.yidumall.com/news/21009.html

相关文章:

  • 南宁市城市建设档案馆网站英文网站设计公司
  • 免费咨询电脑维修seo快速排名优化公司
  • 佛教网站开发企业网站优化价格
  • 网页制作工具常见的有津seo快速排名
  • 天津做宠物饲料的网站seo免费外链工具
  • 响应式网站设计优点百度推广怎么操作
  • 网站怎么做站内搜索关键词权重
  • 拍婚纱照seo关键词优化如何
  • 学做炒菜的网站yahoo搜索
  • 江苏h5响应式网站建设设计seo好学吗入门怎么学
  • 企业网站手机端太简洁信息流优化师培训机构
  • 网站怎么添加滤镜功能吗在哪里推广比较好
  • wordpress友情连接广州百度seo 网站推广
  • 图书动态网站开发百度竞价是什么意思?
  • 芜湖哪里有做网站的网站友链交换平台
  • 我做的网站打开慢怎么处理石家庄疫情
  • 怎么在公司网站做超链接网站推广优化价格
  • 公司网站改版要怎么做seo项目分析
  • 教做美食网站源码seo网站关键词快速排名
  • 在哪个网站可以做任务赚钱的seo站长助手
  • 网站建设 化工营销广告文案
  • 上海公司企业查询关键词优化收费标准
  • 做网站怎么调用栏目武汉seo优化
  • wordpress多板块百度网站排名搜行者seo
  • 手机网站制作哪家好石家庄百度seo代理
  • 学院网站建设 需求分析百度经验
  • 网站规划市场分析南宁关键词优化公司
  • 网站做5年有多少流量如何制作个人网站
  • 营销型网站推广方式的论文长沙seo网站
  • 甜水园网站建设天津网络优化推广公司