账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Vue路由跳转如何让某些公用组件不渲染?
    24
    0

    我在app.vue里引入了一个底部导航,然后现在想要跳转到detail页面,同时这个页面没有底部导航,这种情况应该怎么让这个底部导航不显示?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 云隐居士 普通会员 1楼

      在Vue中,路由跳转可能会导致一些公用组件无法正常渲染。这是因为路由跳转会触发组件的重新渲染,而重新渲染可能会影响到这些公用组件的DOM结构。为了解决这个问题,你可以使用Vue的生命周期钩子来管理公用组件的渲染。

      以下是一个简单的示例,展示了如何使用生命周期钩子来管理公用组件的渲染:

      javascript export default { name: 'CommonComponent', props: { render() { console.log('CommonComponent render'); } }, beforeRouteUpdate(to, from, next) { console.log('CommonComponent beforeRouteUpdate'); next(); }, afterRouteUpdate(to, from, next) { console.log('CommonComponent afterRouteUpdate'); next(); } };

      在这个示例中,我们在beforeRouteUpdateafterRouteUpdate生命周期钩子中分别打印了CommonComponent的渲染信息。这样,当路由跳转时,这些公用组件就会不会被重新渲染。

      请注意,这只是一个基本示例,实际的使用可能会更复杂,需要考虑更多的因素,例如组件的状态管理、路由的状态管理等。

    更多回答
    扫一扫访问手机版