我正在学习Vue.js，并尝试了keep-alive和component机制，它们允许在组件之间动态切换。据我所知，我可以这样做：
<template>
<section>
<button @click="setSelectedTab('section-a')">Section A</button>
<button @click="setSelectedTab('section-b')">Section B</button>
</
浏览 7提问于2021-08-06得票数 1
1回答
我目前正在努力将多个子路由添加到我的应用程序标签中，使用带Vue.js的Ionic
这完全可以正常工作：
{
path: 'tab3',
component: () => import('@/views/Tab3.vue')
},
{
path: 'tab3/tab_new_sl',
name: 'tab_new_sl',
component: () => import('@/views/Tab_new_SL.vue')
},
但只要我添加另一个子路由
浏览 13提问于2021-06-11得票数 0
2回答
我想更改活动选项卡的文本颜色。
使用Vue.js +验证
我创建了一个.active CSS类。有趣的是，active类的background-color属性可以工作，但是在活动时文本颜色(颜色)不会改变。
如何更改代码，以便两个属性都应用于活动类？
风格
.active {
color: #222222;
background-color: #ffff;
}
模板
<v-tabs
background-color="#FFFFEA"
slider-color="#C89933"
浏览 4提问于2021-07-22得票数 1
回答已采纳
1回答
我有一个带有2个被路由的组件的vue.js应用程序。我尝试向第一个组件添加引导选项卡导航，但没有显示选项卡内容。
<template>
<div class="registration">
<ul class="nav nav-pills">
<li class="active">
<a href="#1a" data-toggle="tab">Tab1</a>
</li>
<li>
<a hre
浏览 1提问于2017-05-05得票数 0
鉴于以下情况：
<div id="#my-container">
<div class="title">Companies</div>
<div class="tab active tab-apple">Apple</div>
<div class="tab tab-google">Google</div>
</div>
在没有单击任何选项卡的情况下加载页面时，任何带有默认活动类的选项卡都需要进入.titl
浏览 4提问于2015-12-31得票数 2
回答已采纳
3回答
我使用的是带有Vue.js的Laravel 5.3 (非常新)。这是我当前的代码
app.js
var vm = new Vue({
el: '#app',
data: {
messages: []
},
ready: function(){
this.getMessages();
},
methods: {
getMessages: function(){
this.$http.get('api/messages'
浏览 2提问于2016-10-02得票数 0
2回答
我有一个<router-link to = "/ endreco / test">，但我需要在vue-material选项卡上执行相同的行为，就像这样：<md-tab md- icon = "books"> ..更改我的路由，与href = ""相同
我该怎么办？
我正在使用vue.js，vue路由器使用vue-material来控制路由和样式
浏览 1提问于2017-09-09得票数 5
回答已采纳
2回答
是否有任何方法可以将vue.js组件从子组件呈现到其父组件(可能不是直接父组件)的上，比如插槽，但方向相反？
我的用例：在我的根组件中有一个<router-view>和一个用于modals的容器。从路由器视图的任何子组件中，我希望能够将子组件添加到模态包装器中。
我是错过了vue.js的一个特性，还是有更好的实践来解决这个问题？
浏览 3提问于2017-08-12得票数 1
回答已采纳
我有一个带四个选项卡的选项卡，每个选项卡都有一个具有相同控制器的路径。
所有四个选项卡共享相同的数据，menu，但是使用数据的不同部分。
每次我点击一个选项卡，它会订阅服务器吗？
例如，当我第一次单击tab1时，它将联系服务器并获取数据menu，然后单击tab2，它是否会再次联系服务器来获取数据menu，即使我已经获得了数据？
如果是的话，我怎样才能避免这种情况呢？也许我应该重新设计代码，有什么好主意吗？
MenuController = RouteController.extend({
layoutTemplate: 'menuLayout',
waitOn: fu
浏览 3提问于2015-05-04得票数 0
回答已采纳
1回答
如何在数组中返回之前选择的项？
、、、、
我创建了动态药丸标签。除了一件事，它是有效的。也许最重要的是。当我取出药片后，我想让它回到之前打开的路线。我创建了不带路径页面的stackblitz示例：-> https://stackblitz.com/edit/pills-tabs?file=app/app.component.html 以下是除路由器页面以外的所有代码。唯一不同的是在ts文件的15行代码中，我有routerLink="{{ tab.path }}"： <mat-chip color="primary" selected [removable]="removable&
浏览 17提问于2020-05-01得票数 0
我想知道是否有可能用AngularJS来做这样的事情：
我目前有一个路由，它的第一个参数是'resource‘，可以是"device“或"group”。还有一个名为'id‘的参数，但这无关紧要。使用以下代码，路由接受任何内容作为第一个参数：
.when("/templates/:resource/:id", {
templateUrl: "/templates/views/navigation/templates.html",
controller: 'ctrlTemplat
浏览 0提问于2018-11-29得票数 0
我正在创建一个使用vue.js的小型站点，我试图设置一个vue-路由器(到目前为止还没有起作用)。我得到了“无法重新定义属性：$router”错误。这是我的密码。App.Vue
<div id="app">
<div class="header">
<div class="tab">
<router-link to="/page1">page1</router-link>
</div>
<div class="tab"
浏览 1提问于2019-01-16得票数 1
回答已采纳
1回答
我正在学习Vue.js，并且在教程之后，a被用来将页面路由到另一个页面。他使用了这个标签包装的按钮，我发现使用标签内的路由指令。我在想，这两种从一页到另一页的方式有什么区别？它们似乎都产生了相同的行为(在更改页面时，我没有发送或接收任何数据)。
比较代码：
使用v-btn
<v-btn :to="{name: 'songs-create'}"
dark medium right bottom fab absolute
class="pink" slot="action">
&
浏览 3提问于2017-09-20得票数 14
回答已采纳
经过大量的研究，我找到了Emmie的解决方案，在一些屏幕上隐藏标签栏。，然而，我面临着两个问题。
一方面，Emmie的解决方案在第一次呈现应用程序时运行良好，但如果我稍后“再次保存”它崩溃的'_this._getTabBarVisibility').Secondly，，则显示“未定义的错误”不是一个对象(评估这听起来很愚蠢(我对编程还不熟悉)，但我不知道如何同时使用tabBarIcon功能。目前，该应用程序只读取第一组设置TabBarVisible的选项。因此，它不会显示‘钱包’屏幕的图标。
以下是我的简化代码：
import * as React from 'reac
浏览 0提问于2020-09-01得票数 0
1回答
我在我的angular 6应用程序开发中使用了bootstrap 4和sass。
我正在尝试通过自定义bootstrap nav-tabs，nav-link类在我的应用程序中创建一个nav标签。但是，定制的引导程序类没有反映。所以，我的问题是，我们可以在angular应用程序开发中定制bootstrap类吗？如果是这样的话，我们怎么做呢？下面是我的angular组件的代码片段。
myComponent.html：
<div class="profile-head">
<h5>
Sreehari
</h5>
浏览 18提问于2018-09-20得票数 0
1回答
如何定义端点？
、、、、
在我的API中，我希望端点提供主题帐户的ID，并让它返回与主题相关的其他帐户记录。我的模型如下：
这是我的主要账户模式。科目和同事都属于帐户类型：
class TabAccount < ApplicationRecord
has_many :subjects, through: :subject_tab_account_relationships, source: :subject
has_many :subject_tab_account_relationships, foreign_key: :id_associate, class_name: "TabAcc
浏览 0提问于2018-03-22得票数 0
回答已采纳
3回答
仅在第二次单击后进行更新
、、、
因此，基本上我有多个嵌套的路由，比如/:platform/:account/products/:tab/:productId/summary。每件事情都可以很好地工作到我的实际单一产品组件，但反应-路由器停止正常工作在我的单一产品标签。我有一个products视图，有选项卡(路由)，当单击一个项目时，有一个弹出窗口，它是单个产品视图，其中还有另外3个选项卡。
我的产品的子路径正在更新，但只在下一个呈现周期。
我在摘要中，我点击价格:什么都没有发生(改变到/:platform/:account/products/:tab/:productId/prices的路线)
我单击“摘要”：呈现组
浏览 3提问于2017-09-21得票数 4
回答已采纳
2回答
我将vuesax [ ]用于制表符。在vs-选项卡中，我有多个路由器视图。我希望呼叫显示不同的vue模板文件，为尊重的标签路由器-视图。
这是app.vue代码。
<template>
<div id="app">
<div class="">
<h3 style="color: #0DB26B;">
home <mark class="red">New</mark> Design
</h3>
<vs-ta
浏览 1提问于2019-07-23得票数 2
回答已采纳
3回答
今天我遇到了路由问题我需要你们的帮助，
实际上，我有一个侧边栏，其中有如下所示的动态树视图导航&我有4个选项卡，默认的tab1将被选中，在其中显示活动链接的数据。
Link1
--sublink1
--sublink2
----sub2link1
------sub3link1
Link2
Link3
--sublink1
----sub2link1
就像上面我有N个子菜单，为此，我创建了一条路径
{ path: '**', component: tab1}
当我访问链接“Link 1/sublink2 2/sub2link 1”时，它将是一个tab1组件
现在我的问题
浏览 0提问于2018-02-26得票数 3
回答已采纳
在我的项目中，我使用了App.vue的vue.js。
我已经为商品、评级和卖家定义了路由链接。
我想在样式模块中设置它们的颜色。
下面是App.vue的模板模块：
<template>
<div id="app">
<v-header></v-header>
<div class="tab">
<div class="tab-item">
<router-link to='/'>goods</router-link>
</
浏览 0提问于2018-07-13得票数 2
我正在构建一个vue.js应用程序。我们希望在用户试图离开特定页面时弹出一个窗口。弹出窗口应该会显示“您确定要离开该页面吗？”我知道我可以在组件的beforeRouteLeave钩子中实现一些东西，但我想知道是否有一种方法可以在路由器的beforeEach事件(即不是组件)中实现这一点。我想使用路由器的原因是，路由器中的beforeEach似乎会响应用户在浏览器url栏中输入不同的路径，而组件上的beforeRouteLeave挂钩则不会。但是，我不能访问路由器中的弹出窗口，而我可以访问组件中的弹出窗口(弹出窗口只是模板的一部分)。
所以问题是:在用户真正离开页面之前，我如何在路由器中弹出一个
浏览 0提问于2020-01-25得票数 0
在我的项目中，我使用vue.js 2.9。 我有detail.vue页面，一些html代码是这样的： <div class="tab">
<div class="tab-item">
<router-link to='/goods' >goods</router-link>
</div>
<div class="tab-item">
<router-link to='/ratings' >ratings</r
浏览 34提问于2019-02-19得票数 0
回答已采纳
1回答
我想通过url在标签中导航。
选项卡内容支持route：我可以设置一个锚点，显示在url中。
表单向导支柱start-index：我可以导航到右边的选项卡。
如何动态地使start-index支柱哪个索引有哪些路由？
所以我可以输入网址www.website.com/#a到tabindex 0，www.website.com/#b转到tabindex 1。
包：vue-form向导
<form-wizard :start-index="1">
<tab-content title="a" route="#a">
浏览 0提问于2019-04-11得票数 3
3回答
我正在使用引导-vue.js创建一个选项卡。结果是这样的
我只想更改选项卡标题颜色，因为它使用的是我的项目的默认颜色。在引导-vue.js官方链接()中，有一个title -item类，用于对选项卡标题进行任何更改。所以我把代码写成这样：
<b-tab title="Transaction History" title-item-class="tab-title-class">
我的css：
.tab-title-class {
color: #FF0000 !important;
}
但它没有产生任何效果。那么这里有什么问题呢？提
浏览 0提问于2018-03-05得票数 4
回答已采纳
1回答
问题陈述:
我在vue.js项目中使用了vue.js功能。每次单击选项卡时，我都希望内容被一遍又一遍地运行。
模板:
<template>
<v-card>
<!-- add tab feture -->
<v-tabs color="#F65C38" left v-model="tab">
<v-tab v-for="item in items" :key="item.tab">
{{ item.tab }}
浏览 3提问于2022-02-20得票数 0
1回答
如何在:标题标签bootstrap vue.js上添加字体？ <b-tab :title="'Sebagai '+application_config.studentLabel+' <i class="fas fa-user-graduate"></i>'" active><p>I'm the first tab</p></b-tab> 我试过了，但是出了差错。谢谢
浏览 8提问于2019-12-12得票数 1
回答已采纳
4回答
我目前正在使用jQuery、Twitter Bootstrap和AngularJS开发我的web应用程序。我一直在尝试路由，但每当我尝试单击time选项卡时，jQuery都会给我提示Syntax error, unrecognized expression: #/time，反之亦然。我不知道是什么导致了这个错误，只知道它是由#符号引起的。我在谷歌上搜索了很多，但都没有用。下面是我的代码：
<ul class="nav nav-tabs">
<li class="active">
<a href="#/main&#
浏览 0提问于2013-05-28得票数 24
回答已采纳
我有一个boards.html页面，在这个页面上我有3个选项卡(用angular写的)：你的董事会，加入董事会，和创建董事会。在Join Board选项卡下有一个join board按钮(这是一个django功能)，当点击时，它会重新加载页面，这样它就会回到默认的Your Boards选项卡，我希望它留在Join Board选项卡上。下面是我的一小段代码：
app.js TabController
app.controller('TabController', ['$scope', '$http', function($scope, $http)
浏览 0提问于2016-06-25得票数 3
2回答
我无法解决以下问题：
我有一个Vue.js组件，其中需要带有路由的选项卡。我选择了的一个变体，它在制表符和路由方面工作得很好。
问题是:我无法理解如何在myItems中延迟加载每个item的选项卡内容，而不是在请求一个选项卡路由时加载它们。
路线是这样的：localhost/items/#tab0，localhost/elements/#tab1等。
(顺便说一句:B选项卡是在延迟加载的情况下构建的，但是不能路由！不能使用:-/)
这是我的组件模板的代码：
<template>
<div class="tabs">
<b-n
浏览 3提问于2021-04-14得票数 0
回答已采纳
我仍然在学习vue.js并构建一个laravel/vue.js广告投放应用程序。我构建了我的应用程序，使登陆页面(一个Laravel刀片视图)有一个大横幅介绍该应用程序，在ads.When列表下面，用户点击一个广告，他/她就会看到广告的单一页面(这将是一个组件)。我面临的挑战是，我希望应用程序是一个单一页面应用程序，但不希望在显示单个页面组件时显示横幅。我将根组件放置在欢迎视图中，然后在组件中使用路由器视图导入组件。我的问题是，当我单击Ad时，单个页面组件会加载横幅。我如何使这个布局，使横幅不加载单页组件？
浏览 0提问于2018-10-13得票数 0
回答已采纳
我需要建立一个使用Node.js快捷框架和Vue.js的身份验证系统。到目前为止，我只在JWT中看到了解决方案。如果我能在AngularJS中找到这样的解决方案，并承诺：，那就太好了。是否可以使用Vue.js路由器或以其他方式设置一个具有承诺函数的解析参数，如本指南中关于AngularJS的内容？谢谢!
浏览 3提问于2017-03-08得票数 1
回答已采纳
我有一个vue.js文件，用户可以选择不同的图形。图形的选择被定义为activeOrderView，并随@click的不同而变化。不同的图形具有不同的x轴类别和y轴值。
我的问题是，图形的数据是从data()中获取的，并且使用methods中的两个函数更新数据。选择不同的图形时，数据不会更新，即使选择了另一个图形，原始数据也会保留。当选择了不同的图形时，如何通过函数强制更新数据？我使用的是Vue-apexchart组件，所以不能将方法中的函数直接绑定到HTML模板。
HTML模板
<b-tabs card fill>
<b-tab title="Pop
浏览 14提问于2020-05-29得票数 0
回答已采纳
1回答
因此，我试图弄清楚如何处理冲突--我看到的问题是在右选项卡上设置活动选项卡指示符。所以我的肚脐有一些标签，可以带你去三条不同的路线。然而，有两条路是非常相似的。
<Tabs indicatorColor="primary" value={this.state.tabsValue} onChange={this.setTabsValue}>
<Tab className={classes.tab}
label="Main"
浏览 2提问于2022-10-19得票数 3
回答已采纳
2回答
我的vue.js应用程序中有这样一条路径：
/bewerk/rit/:rideId
因此，当我在vue.js应用程序中链接到这个url时，如下所示：
<a v-link="{ name: 'bewerk/rit', params: { rideId: ride.id }}" class="btn-edit">Bewerk</a>
我知道错误：
main.js:4043 Uncaught Error: There is no route named /bewerk/rit/
怎么啦？
浏览 1提问于2016-08-27得票数 0
回答已采纳
10回答
我想在Vue.js中进行一个类似于vanilla javascript的重定向
window.location.href = 'some_url'
我如何在Vue.js中实现这一点？
浏览 611提问于2016-02-27得票数 195
回答已采纳
我正在使用Laravel5.5和Vue.js 2.0
打开example.com并单击显示项时，此url将触发
example.com/items
下面是结果
当我直接打开这个url example.com/items时，它只显示我从Laravel获得的json响应，而没有在html (Vue.js)中创建任何视图。见下文：
如何在浏览器中访问像example.com/items这样的直接Urls，而不首先访问example.com，从而获得准确的结果。
更新的这里是我的Vue routes.js文件
import Example from './components/Ex
浏览 1提问于2018-01-19得票数 0
回答已采纳
我尝试在Vue.js中将切换设置为默认打开，但是我不确定应该在哪里使用布尔值。我应该把布尔值"true“或"false”放在哪里？在Vue.js？在脚本标记中，我不确定如何在此代码中编写布尔值。
浏览 1提问于2019-03-26得票数 0
假设我有这样一个Vue.js组件：
var Bar = Vue.extend({
props: ['my-props'],
template: '<p>This is bar!</p>'
});
当vue-路由器中的某个路由匹配如下时，我想使用它：
router.map({
'/bar': {
component: Bar
}
});
通常，为了将'myProps‘传递给组件，我会执行如下操作：
Vue.component('my-bar', Bar)
浏览 12提问于2016-06-21得票数 74
回答已采纳
一个小问题。我试图在laravel中学习使用Vue.JS进行路由选择，所以我去了这个，我看到了：
<script src="{{ mix('js/app.js') }}"></script>
这与我所知道的在我的网站中加入app.js的不同之处如下：
<script src="{{ asset('js/app.js') }}"></script>
我的问题是：
使用其中一种有什么区别吗？
何时使用mix或asset
使用asset会影响Vue.JS中的路由吗？
我
浏览 0提问于2019-01-07得票数 0
回答已采纳
我是vue.js的新手，我遇到了一个挑战。下面的代码是选项卡组件的代码。怎样才能使标题在下拉列表中而不是水平地对齐它们呢？
<div>
<b-tabs content-class="mt-3">
<b-tab title="First" active><p>I'm the first tab</p></b-tab>
<b-tab title="Second"><p>I'm the second tab</p&g
浏览 3提问于2020-10-29得票数 0
回答已采纳
1回答
反应路由器默默推进
、、、、
在我的例子中，我有几个标签。标签容器可以被滑动。如果用户切换选项卡，路由也将被更新。例如：
如果用户在Tab 1中，则路由为/home。当他移动到Tab 2时，路线将是/home/news。当他移动到Tab 3时，路由就变成了/home/about等等。
我知道这可以通过this.props.push(NEXTROUTE)来实现。但是通过这样做，组件将被重新呈现，并使我失去上一个选项卡的最后一个滚动位置。我的情况需要保持标签的最后滚动位置，而不是滚动到顶部。
是否有可能在反应性路由器中推送状态silently？我不希望组件在推送状态时被重新呈现，这样我就可以保持屏幕的最后滚动位置。
有什么想法
浏览 2提问于2016-10-10得票数 2
1回答
无法访问导航道具
、、、
我正在尝试使用我的自定义NavBar组件进行导航，这迫使我使用导航道具。问题是我得到的错误是我的导航道具没有定义。现在，我像这样定义我的嵌套导航器(我的一次尝试的结果)： import React from "react";
import { StyleSheet, View } from "react-native";
import HomeScreen from "./screens/HomeScreen";
import SearchScreen from "./screens/SearchScreen";
import
浏览 7提问于2020-06-16得票数 0
1回答
我在jquery选项卡上使用backbone.js，我的浏览器的back按钮运行良好。但是，我想动态地添加和删除选项卡，并通过后退按钮逆转这些操作。例如，如果发生以下情况：
#tab-1
#tab-2
open tab-3
#tab-3
当我单击“后退”按钮时，应该会发生以下情况：
close tab-3 and go to #tab-2
#tab-1
什么是最好的解决办法？谢谢
浏览 1提问于2011-09-13得票数 2
我开始使用vue.js和laravel进行一个小项目，我想知道如何将刀片语法放入vue.js模板代码或axios中：
axios.post("{{ route('myRouteName') }}", $('#add-related-contact'))
谢谢
浏览 4提问于2020-06-29得票数 0
1回答
我对Vue.js相当陌生，遇到了一个问题，这个问题应该很容易解决，但我找不到答案。
我在Ionic中使用Vue.js，并有以下代码。
<script lang="ts">
export default {
name: 'Tab1',
components: { },
data() {
return {
test: false
}
},
methods: {
teMe () {
this.test = true;
}
}
}
</script>
在运行代码时，
浏览 2提问于2020-11-22得票数 2
我目前正在开发一个具有Ruby on Rails后端和Vue.js前端的应用程序。这是一个单页面应用程序。我正在使用webpacker gem来构建我的主js文件。 我已经添加了vue-router和一些前端路由。我可以使用<router-link>导航，它可以正确地呈现适当的组件。我不明白的是，我如何设置我的前端路由，这样别人就可以直接导航到一个url，而不会碰到我的rails路由。 例如，如果我输入/sample-route，我希望进入我的Vue.js路由，而不是rails路由。我仍然希望能够对我的rails路由进行api调用。例如/api/users。 任何帮助都是非常感谢
浏览 32提问于2019-06-14得票数 1
回答已采纳
1回答
我对角质还不熟悉，所以我只是在学习细节。我正在构建一个数据仪表板并链接到我自己的REST接口。目前，我的应用程序非常慢。
基本上，我有几个不同的“视图”，加载为选项卡内容。
当单击每个选项卡时，我使用角度路由将视图模板映射到每个选项卡的内容。我尝试过不同的结构-控制器和指令，但我认为路由是最有效的。
每个选项卡的内容正在抓取一堆数据并将其填充到每个选项卡下的一个表中。也就是说，每个表都有不同的数据，只有当选项卡处于活动/单击状态时才需要访问这些数据。
我担心在我当前的设置中，当加载初始页面时，所有数据(每个表)都会被调用，从而大大降低了初始应用程序的加载速度。我这么想对吗？
如何优化当前设置，
浏览 1提问于2016-01-24得票数 1
1回答
我已经创建了一个名为"getservicedata“的API，它返回要在Vue.js component.The中使用的数据，问题是我在生产环境中获得了404状态代码，这意味着无法找到该文件。在当地，这不是一个问题，只在生产环境上。
api.php文件：
Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
return $request->user();
});
Route::group(['middleware'
浏览 2提问于2021-05-25得票数 0
我在vue.js中使用materialize时出现了一个奇怪的错误
<div class="row">
<form class="col s12">
<ul class="tabs tabs-fixed-width">
<li class="tab col s3"><a class="active" href="#main">Main</a></li>
<li class="ta
浏览 0提问于2018-07-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
