vue3中savedPosition里面的savedPosition失效

在Vue3中，使用savedPosition来控制页面滚动位置的方法已经被弃用了。现在，可以使用scrollBehavior选项来控制页面滚动行为。具体实现如下：

1. 在router.js文件中添加scrollBehavior选项：

const router = createRouter({
  history: createWebHistory(),
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition;
    } else {
      return { left: 0, top: 0 };
    }
  },
  routes,
});

2. 在scrollBehavior方法中返回一个对象，其中left和top属性分别表示页面的横向和纵向滚动位置。如果savedPosition存在，则返回它，否则返回{ left: 0, top: 0 }。

这样就可以在Vue3中控制页面的滚动位置了。

相关问题

vue3中savedPosition里面的savedPosition为null

在Vue3中，`savedPosition`属性已被删除，因为Vue Router 4中不再支持它。相反，你可以使用`scrollBehavior`配置选项来自定义滚动行为。

在Vue Router 4中，`scrollBehavior`配置选项是一个函数，它接受三个参数：`to`，`from`和`savedPosition`。你可以在这个函数中返回一个对象来自定义滚动行为。

以下是一个例子：

const router = createRouter({
  history: createWebHistory(),
  routes: [...],
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition;
    } else {
      return { top: 0 };
    }
  },
});

在这个例子中，如果`savedPosition`存在，则返回它，否则返回一个对象，它将页面滚动到顶部。

vue3 中 vuedraggable失效

在 Vue 3 中，vuedraggable 插件可能失效的原因有很多。以下是一些常见的解决方法：

1. 确保你已经正确安装了 vuedraggable 插件。可以通过 npm 或 yarn 安装，确保版本与你的 Vue 3 版本兼容。

2. 检查你的组件是否正确导入了 vuedraggable。在组件的脚本部分，确保你使用了 import 导入 vuedraggable，并将其注册为组件的一部分。

3. 检查你的组件模板是否正确使用了 vuedraggable。确保在模板中使用了正确的指令和属性来启用拖拽功能。

4. 确保你的数据和方法在组件中正确设置。检查你的数据中是否有一个数组来存储可拖拽元素的列表，并且确保你的方法正确处理拖拽事件。

5. 检查浏览器控制台是否有任何错误或警告信息。如果有错误提示，尝试根据错误信息来解决问题。

如果以上方法都无法解决问题，建议查阅 vuedraggable 的官方文档或寻求相关社区的帮助，以获取更详细的支持和指导。