Vue处理边栏导航加载

文章/答案/技术大牛

发布

1回答

javascript、vue.js、vuetify.js

我是Vue和Vuetify的新手，我目前正在用它来创建一个布局，它由左侧的侧边导航菜单和右侧的内容加载区组成。当您单击导航区域中的一个菜单项时，它应该加载一个新的vue组件，该组件包含内容加载区域(菜单右侧)中特定布局的模板。我已经破解了一些看似有用的东西...但我不确定这是不是“正确”的做法。谁在Vue和Vuetify方面做得更好，能让我知道这是不是我应该做的事情？from 'vue'; import Admin

浏览 8提问于2021-05-27得票数 0

2回答

在vue-路由器中显示嵌套URL为活动的，而不是子视图。

javascript、vue.js、design-patterns、vue-router

我有一个带有"Projects“选项的侧栏导航。在我的vue路由器中，我定义了以下路由。/projects对于/project，这将加载所有项目的列表，/projects/:project_id应该只显示单个项目的详细信息。我希望边栏中的"Projects“选项显示为active，即使用户在/projects/:project_id时也是如此。

浏览 11提问于2022-06-14得票数 0

回答已采纳

1回答

如何在Django中使用Vue模板？

django、vue.js、vuetify.js

导航栏。正在加载。例如，我添加了一个<h1>TEST</h1>，但它在加载Vue时不会出现，因为Vue部分会覆盖它。我也不明白，如果我的Django模板上有一个条件，比如{% if user.is_authenticated %}，我就不能在Vue上使用它，因为它不会被它加载。例如，我有一个导航栏。我想使用下面Vue导航栏而不是

浏览 24提问于2019-08-17得票数 1

回答已采纳

1回答

从另一个组件中排除可重用的全局组件

javascript、vue.js、vuejs2、vue-component、single-page-application

所以我有很多组件，它们都有一个侧边栏和导航栏代码，除了一个组件。所以我做了一件合理的事情，将它们(侧边栏和导航栏)分开。现在，如果我在App.vue中导入它们，它会显示在所有组件中，包括我不需要它们的组件。我该怎么做呢？顺便说一句，App.vue是我的中心点，也是我加载router-view的地方

浏览 7提问于2019-01-30得票数 0

1回答

验证CSS布局问题

css、vue.js、vuetify.js

我目前遵循vuetify SPA的例子，v视差whic还没有完全准备好vue-cli v3。当前结构在顶部显示v-工具栏，使用v导航-提取器，然后v-内容显示不同的视图.App.vue <v-app light> <v-navigation-drawer absolute<router-view/> <&#x

浏览 0提问于2018-04-17得票数 3

回答已采纳

1回答

始终加载的组件

reactjs、next.js

我在这里有一个简单的站点：https://core.mdcholewka.now.sh/当我切换页面时，API正在抓取，导航栏组件和边栏组件再次加载。我不想让它不再加载。我能这么做吗？

浏览 8提问于2019-10-03得票数 0

回答已采纳

1回答

HTML页面内容设计

javascript、html、css

我为我的学校设计了一个网页应用程序，它有一个基本的布局结构，比如顶部的导航条，还有一个边栏，上面有堆叠的选项卡，还有一个页面内容区域。但是，每当用户单击其中一个堆叠选项卡时，整个页面都会重新加载，我想知道是否只能加载页面内容区域，而顶部导航栏和侧栏应该保持不变？请帮帮我..。(谢谢:)

浏览 2提问于2015-02-14得票数 0

回答已采纳

1回答

Vue Router不保留输入到地址栏中的URL

vue.js、vue-router、vue-cli、vuejs3、vue-router4

所以我在历史模式下运行了一个Vue Router。当点击<router-links>时，它工作得很好，但是我不能让地址栏导航到“粘滞”。尽管加载了正确的页面内容，但地址始终恢复为以前的URL。您可以通过运行vue create projectName并选择Manually select features -> Router -> Vue 3.x -> Use history mode (Y)如果导航到http://loc

浏览 6提问于2021-03-21得票数 1

1回答

结构:放置导航条组件(Vue/ React)

javascript、html、reactjs、vue.js、frameworks

对于Vue或React等框架中的组件，我有一个简短的问题(我使用的是Vue)：你会把导航条组件放在哪里？在上的每一页？还是只有一次在主父页面上加载所有子组件？

浏览 4提问于2018-11-03得票数 0

1回答

如何在不请求的情况下在firebase-auth中首次加载currentUser

firebase、authentication、vue.js、firebase-authentication

我使用的是firebase身份验证，我的导航栏取决于用户是否登录。当我加载网站时，如果用户之前没有注销，他应该仍然是登录的用户，Firebase onAuthStateChanged listener在100-300ms后返回user，所以我的导航栏无法确定用户是登录的还是not.So，导航栏显示登录和注册按钮300ms，然后firebase返回user，导航栏显示仪表板和注销按钮。我使用的是vue，我尝试过在本地存

浏览 16提问于2019-01-16得票数 0

2回答

组件呈现后的Vue3 LocalStorage集

javascript、vue.js、reactive-programming

我有一个导航栏来加载用户数据，所有这些都是在用户成功登录应用程序之后发生的。问题是，在加载导航栏后，localStorage必须稍微设置。Toolbar.vue <!正如我前面提到的，setTimeout()确实可以工作，但我希望避免手动触发超时，让vue以它想要的方式处理事情。同时，我猜路由器正在尝试加载导航条区域，这就是为什么当组件挂载时localSt

浏览 13提问于2022-02-22得票数 2

1回答

解释leftBarButtonItem、rightBarButtonItem、titleView的边距逻辑

iphone、layout、uibarbuttonitem、uibarbuttonitemstyle

谁能解释一下你在下面的屏幕截图中看到的边距是从哪里来的？我希望红色，绿色和蓝色的矩形都适合彼此相邻在屏幕布局，风景和肖像。相反，我看到了视图之间莫名其妙的差距。self.navigationItem.titleView setBackgroundColor:[UIColor blueColor]]; 真正让我困惑的是，当可用空间变小时，视图之间的边距会变大吗

浏览 5提问于2011-05-28得票数 5

回答已采纳

1回答

Vue物料抽屉(如何在md-content中显示file.vue )

css、vue.js、vue-material

我正在尝试构建一个包含4个files.vue (navigation.vue，Home.vue，omeThing1.vue)的网站，每个文件都有自己的模板和样式。在navigation.vue内部，我有一个临时抽屉，以便在每个文件vue上导航。因此，我想知道它们是

浏览 0提问于2019-02-09得票数 2

回答已采纳

2回答

导航栏折叠Bootstrap 4之后的菜单边距

css

我在导航栏上有一个菜单，它有一定的页边距-顶部和一定的边距-右侧，当导航栏崩溃时，我希望菜单有边距-顶部= 20px，而不影响导航栏的边距-顶部(它应该返回到正常的边距-顶部，如它以前一样)。

浏览 48提问于2018-06-10得票数 1

回答已采纳

1回答

Vue

vuetify.js

</v-container> </v-app>另一个布局文件将放置在<slot></slot>标记中，这是应用程序栏所在的另一个布局文件

浏览 0提问于2020-04-21得票数 1

2回答

vuejs递归单文件组件

vue.js、vuejs2

我有一个边栏，其中包含一个TreeList，其中包含一个TreeNodes，每个边条都包含一个TreeList。这与vue CLI服务有关吗？我愿意在全局命名空间中声明这些

浏览 2提问于2018-12-12得票数 6

回答已采纳

3回答

为什么col堆栈而不是对边？

javascript、vue.js、bootstrap-4、containers、sidebar

我对Vue.JS很陌生，对前端编程也比较熟悉。我试图设置一个带有固定侧边栏的页面和一个内容页面，该页面在导航栏下面呈现。col-md-12">.col-md-12</div> </div>将我的侧边栏内容放在.cold-md-6div中，但是它们被呈现为堆叠而不是放在一边。

浏览 15提问于2022-02-08得票数 1

1回答

jQuery .load()在按id与元素一起使用时是否加载整个页面？

javascript、jquery、ruby-on-rails

我有一个由导航栏，边栏和主页组成的页面.另外，我有一个jQuery代码，它通过其ID将load()方法应用于导航栏中的一个元素，我认为它只是重新加载这个元素，但我看到的是正在执行一个xhl请求，调用了Rails因为我不想重新加载(尽管不是页面的真正刷新)所有的内容，以避免重新调用Rails中的Index方法。

浏览 0提问于2018-03-15得票数 0

回答已采纳

1回答