当我为抽屉定义setter以在vue中分派toggleDrawer操作时，页面不加载
当你为抽屉定义setter以在Vue中分派toggleDrawer操作时，页面不加载的问题可能是由以下几个方面引起的：
- 代码错误：首先，你需要检查你的代码是否存在语法错误或逻辑错误。确保你正确地定义了setter函数，并且在Vue组件中正确地调用了该函数。
- 数据绑定问题：如果页面不加载，可能是因为你没有正确地将抽屉的状态与Vue组件的数据进行绑定。确保你在Vue组件中正确地定义了抽屉的状态，并且将其与setter函数进行了绑定。
- 异步操作问题：如果toggleDrawer操作是一个异步操作，可能是因为你没有正确地处理异步操作的结果。在Vue中，你可以使用async/await或Promise来处理异步操作，并在操作完成后更新页面。
- 组件生命周期问题：页面不加载可能是因为你在错误的组件生命周期钩子函数中调用了setter函数。确保你在正确的生命周期钩子函数中调用setter函数，以确保页面加载时正确地执行toggleDrawer操作。
综上所述，你可以通过检查代码错误、处理数据绑定、正确处理异步操作以及调整组件生命周期钩子函数来解决页面不加载的问题。
关于抽屉的概念、分类、优势、应用场景以及推荐的腾讯云相关产品和产品介绍链接地址，可以根据具体的抽屉实现方式来确定。如果抽屉是指一个UI组件，通常用于显示隐藏的侧边栏或菜单，那么你可以提供与之相关的腾讯云产品和链接，例如腾讯云的移动应用开发平台（https://cloud.tencent.com/product/mapp）或腾讯云的前端开发工具（https://cloud.tencent.com/product/fed）等。
相关·内容
我有一个侧栏vue组件，其中包含使用vuetify创建的导航抽屉，它使用v-model来管理抽屉的状态，但抽屉的状态存储在vuex中，以便其他组件可以修改抽屉状态。因此，v- showDrawer (在侧边栏中)监视计算属性showDrawer，但是一旦我为计算属性setter定义了setter，页面就不会加载，因为se
浏览 31提问于2019-08-24得票数 0
回答已采纳
1回答
我使用的是nuxt.js在vue.js上的Vuetify框架。
我希望导航抽屉的初始状态在索引页上打开，而在其他页面上关闭。当我第一次加载页面(如果是索引页，则抽屉显示为隐藏的)时，我可以设法获得所需的结果，但是当我使用抽屉中的链接(nuxt js在后台使用vue路由器)更改页面时，抽
浏览 3提问于2017-07-30得票数 0
回答已采纳
1回答
我用的是Vue，Vuex和Vuetify。在使用时，我考虑了NavDrawer和AppBar组件。然而，我在让NavDrawer切换工作时遇到了一些困难。现在，我的问题是，考虑到最初的v-model值为null，Vuetify的抽屉在桌面上打开，在移动平台上关闭。当调用drawerState = !drawerState时，null就是true，但这只会使抽屉在桌面上保持打开，这意味着必须再次单击按
浏览 3提问于2020-04-01得票数 2
回答已采纳
当我更新a或b的值时，我也会看到表单内容的更新，在控制台中，我看到setter方法被用正确的值调用。但是，当我为c填写一个值时，页面中似乎什么也没有发生，但是控制台表明setter被正确调用。这意味着document对象得到了正确的更新，但是Vue并不知道它。我理解Vue不能查看未定义的属性或检测新属性()。你应该做<e
浏览 2提问于2018-10-17得票数 4
回答已采纳
1回答
我第一次使用vue-cli创建了一个应用程序，并开始使用vue路由器。我已经创建了一些路由，可以访问基于auth状态-登录，家庭等。这就是我的应用程序中发生的事情-但是当我试图.从url访问嵌套路由，我将从应用程序中注销。
浏览 3提问于2020-08-20得票数 0
1回答
我正在使用一个定制的Django后端开发一个Nuxt站点，我正在尝试设置一种机制，在这个机制中，当应用程序加载时，我调用一个/token/ URL来获取一个CSRF令牌，然后将它存储在Vuex状态中，以便用于为每个后续请求设置的自定义标头中token}
state, mutations,}
有一件事我不知道，那就是把我的挂载函数放在哪里，所以它总是<em
浏览 0提问于2019-05-30得票数 1
回答已采纳
2回答
在我的App.vue中，我将发送一个Vuex操作，从我的API以及用户的role中检索一个user，如下所示： const userToken = localStorage.getItem我想要做的是，我想在另一个视图(Projects.vue)中分派一个有关用户角色的操作： console.log(this.computed: {
...mapGetter
浏览 0提问于2019-07-08得票数 0
回答已采纳
1回答
我目前正在构建一个相似的按钮，在我的卡片组件在vue。我正在从防火墙中获取数据，使用页面上的中间件来分派vuex操作，该操作将获取我的用户信息，用户信息将他们的liked_posts存储在数组中。问题是，当我加载一个需要某些数据的页面(即liked_posts )，而我的状态为空时，它会抛出liked_posts的错误
如何确保即使用户没有
浏览 0提问于2019-06-07得票数 0
我正在使用vue js的类星体框架。我有个滑动导航抽屉。我很难让它的开放/封闭状态在移动/桌面上正常运行。我的要求：
当屏幕大小> 1023像素时，抽屉默认打开，当屏幕大小> 1023像素时，提供通过按钮将抽屉放入迷你模式的选项(该按钮是抽屉的压缩版本，用作用户的可视指示器)当屏幕< 1023像素时，抽屉应处于移动模式我可以完成上面的前两个要点，但是当我使用移动
浏览 3提问于2021-01-03得票数 1
回答已采纳
4回答
小提琴： mutations, getters但是我得到了以下错误：
我知道我可以通过Vue组件的beforeMount实现这一点，但是我有多个组件使用相同的Vuex存储，所以我必须在其中一个组件中这样做，应该是哪个组件，以及它将
浏览 0提问于2016-11-18得票数 37
12回答
当用户单击某个项目时，如何隐藏该抽屉？或者当一个按钮被点击？mdl-js-ripple-effect" id="clickme"> </button>我该如何做，当按钮被点击时，抽屉就会被隐藏起来，就好像我在抽屉外面点击一样？我试着<em
浏览 10提问于2015-07-21得票数 14
回答已采纳
我正在使用Vue中的自定义选项卡组件实现嵌套选项卡视图。当我刷新或重新加载嵌套子选项卡的页面时，未显示任何活动选项卡。我的问题是，当页面为正确的活动子标签刷新/重新加载时，如何显示活动的父标签。file=/src/components/TabView.vue 为了说明更多，假设我在这里浏览到Operation选项卡下的Operation 2
浏览 71提问于2020-04-29得票数 0
我有一个抽屉导航器，它有一些菜单，有些菜单有子菜单，例如，当我轻击子菜单时，应用程序会加载一个“类别”。“分类”菜单中的所有子菜单都将重定向到同一屏幕，但每个人都有自己的id和标题。重定向是使用以下行进行的：this.props.navigation.navigate(menu.route, { submenu });
问题是，当我第一次导航到这个屏幕时，我从this.props.navigation.state.params.submenu.id但是，当我</
浏览 0提问于2018-03-13得票数 5
我使用Redux应用程序中的fetch api中间件来处理api。是()。我认为这是处理异步api操作的好方法。但是我发现了一些我不能自己解决的案例。正如主页()所说，fetch API生命周期以分派CALL_API操作开始，以分派FSA操作结束。
因此，我的第一个案例是在获取API时显示/隐藏预加载器。中间件将在开始时分派FSA操作，并在结束时
浏览 38提问于2016-02-17得票数 110
对于在角4和ngrx存储中实现的Redux应用程序中的动作流，我有一个一般性的问题。有一个角度分量-容器组件(它包含行为)。它引用用于加载数据的服务。现在的问题是，或者说混淆:页面上的更改
浏览 1提问于2017-10-14得票数 0
回答已采纳
1回答
我已经构建了一个包含多个页面的应用程序-每个页面都包含一个侧栏(抽屉组件)。
因为我不想在每个页面中一次又一次地复制和粘贴相同的抽屉组件代码，所以我只想创建一个侧栏组件，然后将其导入到每个页面上。在此之前，当组件直接出现在页面中时，这很简单--只需使用布尔值进行变量赋值，即可显示或隐藏侧边栏。但是现在，对我来说，在组件上同步属性似乎非常困难。这就是我在页面中实现它
浏览 55提问于2018-05-31得票数 0
回答已采纳
当组件加载时，我需要根据id获取一些数据。
问题是，当页面第一次加载时，计算的属性todos显示为未定义的。如果更改页面(客户端
浏览 1提问于2018-10-26得票数 6
我刚接触React和Material UI，我一直在努力尝试将我现在拥有的Mini Variant抽屉与响应式抽屉连接起来，所以当你在手机上使用它时，它会变成响应式抽屉。这也将帮助我获得与抽屉进一步联系的知识。下面是我在Mini Variant that中使用的代码：import clsx from 'clsx';
import
浏览 19提问于2021-09-06得票数 0
每个模块都有自己的存储、操作、突变和getter，以及在组件创建()钩子中分派的API调用来获取必要的数据。中： registerVuexModules();但是，每个模块的导入以某种方式触发了一个API调用(使用fetchData函数)，该调用返回一个401。当我将模块存储移除到helpers.js中时，不尝试对该模块的顶级组件进行API调用。对我来说奇怪的地方是：
即使应该触发这些
浏览 0提问于2018-09-21得票数 1
回答已采纳
在我的应用程序中第一次登录时，用户就有可能离开他们的地址。当存储此地址时，用户将被推送到其仪表板上。第二，用户直接登录到仪表板。 mounted () { },
浏览 12提问于2022-01-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
