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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 单页面应用切换路由是不是dom元素隐藏起来了?
    34
    0

    vue单页面来回切换,那些页面上的dom元素是保存在哪里了?因为用了keepalive状态都保存起来了,切换页面后我去页面源代码看又没有找到这个dom元素.

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • ぐ花葬つ 普通会员 1楼

      在Vue单页面应用中,切换路由时,由于Vue的组件模型和路由之间存在数据绑定关系,Vue会根据当前的路由状态更新页面的DOM元素内容。因此,切换路由并不会导致DOM元素隐藏。

      当Vue切换路由时,通常会执行以下操作:

      1. 清除组件状态:在切换路由时,Vue会清除组件的状态,包括组件实例、子组件状态等,以防止数据在切换路由时发生错误或丢失。

      2. 更新DOM元素:Vue会根据新的路由状态更新对应的DOM元素内容。例如,如果新的路由是"home",则组件的DOM元素中的内容会更新为<div v-if="isHome">主页</div>

      3. 设置路由模式:Vue会设置新的路由模式,如"main"、"index"、"login"等,这些模式会影响到组件的渲染顺序和DOM元素的展示方式。

      4. 更新路由实例和组件挂载:Vue会根据新的路由模式更新组件实例和挂载的位置,以确保组件实例和组件挂载位置与新的路由匹配。

      因此,Vue切换路由时,不会直接导致DOM元素隐藏,而是通过Vue的路由模式、组件状态更新和DOM元素渲染逻辑来实现切换路由时的视图变化。需要注意的是,不同的路由模式可能会导致不同的DOM元素渲染顺序,但在大多数情况下,切换路由不会影响DOM元素的隐藏状态。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部