Vue.js
Vue.js
等月光倾洒
上证指数看到6000点
展开
-
如何在使用setup语法糖后指定组件名称
如何在使用setup语法糖后指定组件名称原创 2024-01-15 19:23:45 · 456 阅读 · 0 评论 -
Vue3全局组件统一插件化
Vue3全局组件统一插件化原创 2023-05-19 17:33:00 · 355 阅读 · 1 评论 -
Vue页面渲染错误:TypeError:Cannot read properties of undefined (reading ‘name‘)
Vue页面渲染错误:TypeError:Cannot read properties of undefined (reading 'name‘)原创 2023-05-18 16:26:20 · 1480 阅读 · 0 评论 -
Vue3定义路由滚动行为
使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。 vue-router 能做到,而且更好,它让你可以自定义路由切换时页面如何滚动。原创 2023-05-18 13:33:57 · 285 阅读 · 0 评论 -
Vue3路由缓存问题解决
使用带有参数的路由时需要注意的是,当用户从/users/johnny导航到/users/jolyne时,相同的组件实例将被重复使用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会被调用。原创 2023-05-17 21:30:59 · 1207 阅读 · 0 评论 -
Vue3懒加载指令实现
IntersectionObserver是一个用于识别当前目标元素与另一个元素(该另一元素是视口或元素)相交情况的API。通过判断元素与视口是否有交叉来替代监听滚动事件处理懒加载。因此它不需要监听滚动事件,可以让页面更加流畅。使用IntersectionObserver需要创建一个实例,把待监听的元素传入其中,并定义一个回调函数(即为目标元素与视口或元素相交时被调用的函数)。当目标元素出现在视口中或与监视器容器相交时,回调函数将被调用。原创 2023-05-17 15:40:25 · 288 阅读 · 0 评论 -
Vue路由跳转后滚动条没有回到最上方的解决方法
滚动行为使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。 vue-router 能做到,而且更好,它让你可以自定义路由切换时页面如何滚动。const router = new VueRouter({ routes: [...],// 当路由跳转后滚动条所在的位置 scrollBehavior (to, from, savedPosition) { // return 期望滚动到哪个的位置 return { x: 0, y: 0 }原创 2022-01-11 16:35:49 · 1036 阅读 · 0 评论