关键词：
【中文标题】使用 BootstrapVue 以编程方式编写导航链接的正确方法【英文标题】：Right way to compose navigation links programatically with BootstrapVue 【发布时间】：2019-12-11 16:21:48 【问题描述】：我想使用BootstrapVue 库从路线列表中创建***导航器。应用程序中有路由器链接（常见情况下为计算列表），我需要在循环中的页面上组成一组 b-nav-item 元素。这是我创建的 vue 组件代码：
<template>
<b-navbar fixed="top" sticky toggleable="lg" variant="success">
<b-navbar-brand>App</b-navbar-brand>
<b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
<b-collapse id="nav-collapse" is-nav>
<b-navbar-nav>
<span v-for="item in routes">
<b-nav-item :to="item.path">item.label</b-nav-item>
</span>
</b-navbar-nav>
</b-collapse>
</b-navbar>
</template>
<script>
define(["Vue"], function (Vue)
Vue.component('app-navig-top',
template: template,
data: function ()
return
routes: [
path: "/home", label: "Home", component_name: "app-home",
path: "/sign/in", label: "Sign In", component_name: "app-sign-in",
path: "/sign/out", label: "Sign Out", component_name: "app-sign-out",
path: "/profile", label: "Profile", component_name: "app-profile"
]
);
);
</script>
这种方法是为 BootstrapVue 编写的吗？
<span v-for="item in routes">
<b-nav-item :to="item.path">item.label</b-nav-item>
</span>
我需要用span 元素包装b-nav-item，但可能没有span 有更好的方法。
【问题讨论】：
【参考方案1】：只需在<b-nav-item> 上直接使用v-for，不要忘记指定具有唯一值的key 属性。
<b-nav-item v-for="item in routes" :key="item.path" :to="item.path"> item.label </b-nav-item>
【讨论】：
如何使用 preact-router 以编程方式导航？
】如何使用preact-router以编程方式导航？【英文标题】：Howtoprogrammaticallynavigatewithpreact-router?【发布时间】：2017-07-3101:21:30【问题描述】：我正在尝试弄清楚如何使用typescript、preact和preact-router来构建Web应用程序的前端部分。我已... 查看详情
如何以编程方式显示/隐藏导航抽屉
...matically【发布时间】：2015-12-1112:56:10【问题描述】：如何使用按钮显示/隐藏导航抽屉，我使用thisSO链接来创建和管理导航抽屉。现在我正在使用（从左向右滑动-显示）和（从右向左滑动-隐藏）如何使用下面屏幕截图中突出显示... 查看详情
使用 React 路由器以编程方式导航
】使用React路由器以编程方式导航【英文标题】：ProgrammaticallynavigateusingReactrouter【发布时间】：2016-10-1017:01:45【问题描述】：使用react-router，我可以使用Link元素来创建由反应路由器本机处理的链接。我看到它在内部调用this.contex... 查看详情
使用 React 路由器以编程方式导航
】使用React路由器以编程方式导航【英文标题】：ProgrammaticallynavigateusingReactrouter【发布时间】：2015-09-1318:08:41【问题描述】：使用react-router，我可以使用Link元素来创建由反应路由器本机处理的链接。我看到它在内部调用this.contex... 查看详情
使用 gatsby 以编程方式导航到动态 url
】使用gatsby以编程方式导航到动态url【英文标题】：Programmaticallynavigatetoadynamicurlwithgatsby【发布时间】：2021-05-2319:57:50【问题描述】：我正在使用导航移动到另一个URL。我看到很多帖子使用Link移动到具有动态网址的另一个页面。... 查看详情
以编程方式构建导航抽屉
...】：2016-06-1617:34:56【问题描述】：我有一个DrawerLayout，它使用2个布局。为主要内容。（相对布局）抽屉窗格。（线性布局）我需要动态创建所有内容，因此不必使用XML。这是创建drawerPane的代码：publicclassTest2extendsAppCompatActivityLis... 查看详情
如何以编程方式创建自定义导航栏？
...需要帮助导航控制器上的自定义导航栏以编程方式，我不使用故事板或xib。【问题讨论】：使用这个...***.com/questions/8548313/custom-navigation-bar【参考方案 查看详情
以编程方式更改导航栏标题
...描述】：我正在尝试以编程方式更改导航栏的标题，但我使用的代码不起作用。self.navigationController.navigationBar.tintColor=[UIColorredColor];self.navigationController.navigati 查看详情
jQM以编程方式导航到页面[重复]
...y[duplicate]【发布时间】：2014-01-1812:22:15【问题描述】：我使用的是1.4，因此不推荐使用changePage()技术，我宁愿不使用它...http://api.jquerymobile.com/jQuery.mobile.changePage/我有这个代码：$("select.start" 查看详情
如何使用 Swift 以编程方式跨越 iOS 导航控制器？
】如何使用Swift以编程方式跨越iOS导航控制器？【英文标题】：HowtosegueacrossiOSNavigationControllerprogrammaticallyusingSwift?【发布时间】：2016-01-0704:08:29【问题描述】：我的问题很像这两个：IOS-HowtosegueprogrammaticallyusingswiftHowdoIcreateaseguetha... 查看详情
以编程方式将系统图像添加到导航栏
...正在尝试将barbuttonitem添加到我的导航栏。但是，我不想使用自己的图像，我想使用默认的系统图像，例如“magnifyingglass.circle”。这是我的代码：letbut 查看详情
Swift-以编程方式导航控制器和标签栏控制器
】Swift-以编程方式导航控制器和标签栏控制器【英文标题】：Swift-NavigationControllerandTabBarControllerProgrammatically【发布时间】：2019-04-1718:26:31【问题描述】：我正在以编程方式编写一个带有标签栏和导航控制器的应用程序，我删除... 查看详情
以编程方式显示到控制器的导航
...VC从StoryBoard更改为编程操作。当我想加载另一个VC时，我使用的是ActionSegue“Show”。我使用的临时代码有效，但将VC弹出顶部。您能否以编程方式执行“显示”等效项，如果可以，如何操作？letstoryBoard:U 查看详情
以编程方式更改导航根视图目标 c
...bjectivec【发布时间】：2020-11-1807:30:07【问题描述】：我想使用目标c以编程方式更改导航的根视图控制器。我正在使用故事板。我试图在应用程序内更改它的委托，但没有奏效，引入了一些新的东西，称为场景委托，我相信我可... 查看详情
如何以编程方式添加导航控制器？
...ammatically?【发布时间】：2014-02-0617:31:05【问题描述】：我使用下面的代码，但没有加载：UIStoryboard*storyboard=[UIStoryboardstoryboardWithName:@"Main"bundle:nil];self.mapViewController=[storyb 查看详情
以编程方式从 UIBarButtonItem
】以编程方式从UIBarButtonItem【英文标题】：ProgrammaticallyseguefromUIBarButtonItem【发布时间】：2016-11-3014:38:44【问题描述】：我有三个视图控制器，导航栏的左右两侧各有两个按钮，如下图所示。我以编程方式创建这些按钮，而不是... 查看详情
didSelectRowAtIndexPath 不以编程方式导航到destinationView
...8:58:37【问题描述】：我在另一个名为ViewController的视图中使用UITableView作为childView，在UITableView中 查看详情
如何以编程方式显示/推送导航控制器
...programatically【发布时间】：2015-02-2414:44:39【问题描述】：使用情节提要，我可以让控制器向导航控制器显示/推送segue。然后，新的导航控制器会将navigationController设置为现有的导航控制器，并且新导航控制器的视图控制器会将新... 查看详情