vue动态路由变化页面不重新加载问题,实现方式比较简单,就是有点鸡贼

由于使用了动态路由,有时候页面需根据路由来动态变化,整个页面需要重新加载,但是地址指向同一个,这边用了一个比较取巧的方式
将整个页面封装成一个子组件 children => formTe,参数可以父级带下去,我这边是子页面在created时获取路由参数

<template>
  <div>
    <formTe v-if='showNum/2 === 0' :key='showNum'></formTe>
    <formTe v-else :key='showNum'></formTe>
  </div>
</template>
<script>
import formTe from './formTe'
export default {
  data () {
    return {
      showNum: 2
    }
  },
  components: {
    formTe
  },
  watch: {
  	// 监听路由变化,当路由发生变化的时候,重新加载子组件,通过v-if来判断,记得加key值,这样vue就会重新渲染页面
    $route (to, from) {
      ++this.showNum
    }
  }
}
</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值