V-tab和vue-router重用Vue.js上的组件
V-tab和vue-router是两个与Vue.js相关的工具，用于在Vue.js应用中实现组件的重用。
- V-tab是一个Vue.js插件，用于在Vue.js应用中实现标签页功能。它提供了一种简单的方式来创建和管理多个标签页，并且可以在不同的标签页之间进行切换。V-tab可以帮助开发者快速构建具有标签页功能的应用，提升用户体验。在V-tab中，可以通过配置选项来定义标签页的样式、行为和内容。
推荐的腾讯云相关产品：无
- vue-router是Vue.js官方的路由管理器。它可以帮助开发者在Vue.js应用中实现页面之间的导航和路由功能。vue-router基于Vue.js的组件系统，可以将不同的组件映射到不同的URL，实现页面的切换和跳转。通过vue-router，开发者可以轻松地实现单页面应用（SPA）的路由功能，提供更好的用户体验。
推荐的腾讯云相关产品：无
总结： V-tab和vue-router都是与Vue.js相关的工具，用于在Vue.js应用中实现组件的重用和页面的导航功能。它们可以帮助开发者快速构建具有标签页和路由功能的应用，提升用户体验。
相关·内容
1回答
V-tab和vue-router重用Vue.js上的组件
vue.js、tabs、vue-router
这是我的原始组件(称为“Main”)，它基本上显示了由标签驱动的3个子组件，其中2个是相同类型。，所以我想使用vue-router添加它。'>Spouse</v-tab><router-view></router-view>
这很好用，除了看起来CustomerView组件正在被重用之外，我没有得到单独的</em
浏览 16提问于2020-06-03得票数 1
回答已采纳
1回答
使用<script>在Vue中进行全局组件注册
javascript、vue.js、web-component
在全球范围内“安装”它的说明如下：// import Vue from 'vue'; // Already availableimport VueTabs
上面的一些可能是不正确的。我还在摸索现代网络开发的基础知识。所以我希望能更高
浏览 0提问于2018-09-17得票数 1
回答已采纳
3回答
Vuetify带有vue组件的标签
vue.js、vuetify.js
我正在与vue.js和vuetify一起做一些网页设计工作，在尝试在vuetify v-tab中显示vue组件时遇到了一些问题。我的vue组件中有以下标记： <v-tab href="#search"> </v-tab>
浏览 1提问于2019-08-17得票数 5
回答已采纳
1回答
Laravel和Vuejs:如何在laravel多页应用程序中使用vuejs
laravel、vue.js
我有一个多页应用程序，我在拉威尔建立，我想在应用程序的某些部分使用Vuejs。我有六个模块客户，发票，产品，股票，仪表板，分析。客户、产品、库存只是基本的crud，所以我使用Laravel。这是我的invoice/index.blade.php文件，它会正确加载所有内容 <div class="col-md-12"><invoice-index></invoice-ind
浏览 19提问于2020-02-25得票数 0
3回答
Vue:获取子组件中的路由器实例
javascript、vue.js、frontend、vue-router
我正在使用Vue.js和vue-router，我试图在单击事件上导航。有没有办法从this.$root或类似的地方获取路由器的漏洞？
浏览 12提问于2017-01-14得票数 2
回答已采纳
1回答
我想创建一个可重用的标签组件使用v-tab和插槽在Vue (在TS中)。当前选项卡号作为属性从url传递。我遇到的问题是v-tab-item的内容无法呈现(只有带有名称的栏)。我认为这是与插槽相关的东西(当我删除tab组件而只使用v-tab时--它起作用了) Tabs组件- tabs.html： <div class="tabs" >
<v
浏览 26提问于2021-10-03得票数 2
1回答
在另一个子组件vue.js中注册子组件
vue.js、components
假设我有一个父组件，比如App.vue和另外两个组件Home.vue和Table.vue。现在，我通过Home.vue在App.vue中通过vue-router呈现vue-router。即使用Home.vue呈现的<router-view></router-view>。B:我才刚开始vue.js
浏览 0提问于2018-02-05得票数 0
回答已采纳
2回答
使用VueRouter的Vuetify 1.0.0 Tabs不像预期的那样工作
vuejs2、vue-router、vuetify.js
我在vue路由器上让vuetify选项卡工作有困难，这是我的，我是不是遗漏了那么明显的东西？将指定路由的组件呈现为选项卡内容本身的一部分。单击选项卡不应将我重定向到该路由，而应将该路由的内容显示在每个选项卡下。包 "vue": "^2.5.2",
浏览 0提问于2018-03-06得票数 0
2回答
路由器中断广告选项卡
vuetify.js、vue-router、vuetify-tabs
当我将:to指令添加到v-tab时，路由可以正常工作(当选项卡更改时，路由也会更改)，但是选项卡项不会显示。显示v-tab-item的区域现在为空。<v-tabs v-model='activeTab'> v-for='cc in cost_centres' :to="{ name: 'Element', params: {id: cc.id}}"
浏览 3提问于2020-08-24得票数 0
1回答
我们什么时候应该使用Vue.js的组件
web、vue.js
当我研究Vue.js组件系统的特性时。我感到困惑，我们何时何地应该使用这个？在Vue.js的医生里他们说
但根据他们的例子，我不清楚它如何有助于重用。
浏览 2提问于2015-09-19得票数 0
回答已采纳
2回答
根据所选选项卡更改当前组件内容
html、vue.js、vuetify.js、vuetify-tabs
我有一个带有v形制表符的组件。我正在尝试更改位于tabs元素之外的div的内容，这取决于所选的选项卡，但我不知道如何实现。这就像我需要使用带有组件的v-router，并给每个选项卡不同的href。我想像使用导航栏一样使用选项卡
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5
浏览 4提问于2020-07-21得票数 0
7回答
如何在vue-路由器中使用Vuetify选项卡
javascript、vue.js、vuejs2、vuetify.js
文档中没有显示如何与vue-router一起使用它们的示例。我找到了这个关于如何在中使用Vuetify的vue-router，它有以下代码： <v-tabs grow light> </v-tabs-bar></div&
浏览 0提问于2018-04-08得票数 77
回答已采纳
3回答
Vue-路由器组件重用
vue.js、vuejs2、vue-component、vue-router
我想知道如何在Vue-路由器中停止组件重用。是否有可能以某种方式强制重新加载，或者在我的情况下，最佳实践是什么？
浏览 1提问于2018-09-25得票数 10
1回答
Vue挂载调用了两次
javascript、vue.js、vue-component、vue-router
我对vue-router路由的子组件有一个问题，因为当我导航到其中一个组件时，该组件被加载了两次，因此我在该组件中的ajax请求被执行了两次。为什么会发生这种情况？源代码： VerticalTabs.html组件： <div> <v-tabsvertica
浏览 269提问于2020-09-24得票数 0
1回答
使用vue-router传递隐藏数据
vue.js、vue-router
相反，我希望数据对用户保持“隐藏”状态，因为在我的例子中，我希望传递一个身份验证密钥(它很长，不一定要显示给用户)。 这可以使用router.push()实现吗
浏览 24提问于2019-02-09得票数 5
回答已采纳
2回答
无法在Vue.js中本地注册组件。"[Vue警告]：未知的自定义元素“
javascript、vue.js
在Vue.js应用程序中本地注册组件有问题。我试图在它的父MovieCard.vue内部使用MainView.vue。components\MainView.vue <App> at src\App.vue下面是MovieCard.vue(child组件的代码}, }, InfiniteLoadi
浏览 0提问于2018-04-28得票数 2
回答已采纳
2回答
Vuetify取消v选项卡
vue.js、vuetify.js
我试图通过代码取消选择v选项卡组件，但最终总是选择第一个选项卡。下面是一个CodePen示例： <v-tab>Item Two</v-tab>
<v
浏览 2提问于2019-10-12得票数 4
回答已采纳
3回答
Vue.js:将页面标题分配给不同的路由
javascript、vue.js、vue-router
我正在使用vue.js v1.0、vue-router v0.7和WebPack构建一个web应用程序。我遵循模式，每个页面都有不同的组件。当我在web应用程序页面中导航时，我不知道如何在不同的路径(或者可能是不同的组件)中更改页面标题。我还希望页面标题在浏览器历史记录中可用。
浏览 1提问于2016-10-22得票数 10
1回答
类型“”ObjectConstructor“”中缺少以下属性: prototype、getPrototypeOf、getOwnPropertyDescriptor、getOwnPropertyNames以及其他18个属性
typescript、vue.js、interface、nuxt.js
我正在使用Vue.js，并试图将我的对象分配给一个字段，但它得到了以下错误Type 'GameComponent'组件中的Html。<v-tab v-for="(components, i) in $data._multiComponent.components" :key="i" @click="onTabClick(i)">
浏览 124提问于2020-07-31得票数 0
回答已采纳
2回答
如何在Storybook中注册全局Vue组件？
javascript、vue.js、vue-component、storybook
有没有办法在Storybook中注册全局Vue组件，以便与Vue-CLI中的全局注册Vue组件兼容？
浏览 3提问于2021-01-25得票数 6
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
