腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
点击到章节测试的VueJS路由
、
我对vuejs很陌生。我需要创建一个带有路径/章节/{id}/quiz的路由器链接测试。它将打开另一个组件。 路径 { path: '/chapter/:id(\\d+)/quiz', component: require('./components/Quiz.vue') }, 路由器链路 <a href="#" @click="editModal(chapter)"> <i class="fa fa-edit blue
浏览 0
提问于2019-02-08
得票数 0
回答已采纳
1
回答
如果用户已经在Vuejs中登录,是否显示注销?
、
、
如果只有用户登录,我想在导航栏中显示注销的<router-link>。我可以这样做,但前提是我必须刷新页面。这就是我所说的,在我登录后,除非我刷新页面,否则注销的<router-link>不会显示出来,那么在注销后,除非我刷新页面,否则<router-link>不会消失。 我怎么才能修复它? 这是我尝试过的: // inside vuex getters: { loggedIn(state) { return state.accessToken != null; }, }, // Navbar.vue <template
浏览 12
提问于2020-09-30
得票数 0
回答已采纳
1
回答
VueJS类条件
、
、
我有一个菜单,我想知道是否有一种方法来添加一个类的子类条件。 示例: <ul :class="{ 'open' : ThereIsClassInChild }"> <li v-for="item in list" :class="{ 'active' : $route.name == item.routeName }"> <a>{{ item.name }}</a> </li> </ul> 我想提出一个条件
浏览 2
提问于2017-09-25
得票数 0
回答已采纳
2
回答
Vuejs <router-link>相同路由但参数不同
我有一个组件:相同的路由但不同的参数 <router-link :to="{name: 'menu1-mostrar', params: {atr: var1}}"> Menu1 </router-link> <router-link :to="{name: 'menu1-mostrar', params: {atr: var2}}"> Menu2 </router-link> 我不会让组件自动更新。我只能通过单击具有不同路线的另一个菜单项进行更新。 请注意
浏览 100
提问于2019-05-14
得票数 0
1
回答
vuejs中组件之间的通信。(搜索字段)
、
、
嗯,我刚开始使用vue js并开发带有搜索功能的应用程序。 这是我的组件,搜索结果将在其中呈现。 <script> import RecipeItem from "../recipe/RecipeItem"; import { baseApiUrl } from "@/global"; import axios from "axios"; import PageTitle from "../template/PageTitle"; export default { name: "Search"
浏览 3
提问于2021-09-20
得票数 1
回答已采纳
1
回答
Vuejs中的ESLint +漂亮警告
、
、
、
我已经在我的Vuejs项目中安装了ESLint + Prettier。保存文件会导致漂亮程序抛出以下警告。如果有人能解释一下是什么导致了这个警告,我将不胜感激。 "Replace `·:to=\"{·name:·'About',·query:·{·lang:·$i18n.locale·}·}\"·tag=\"button\">About</router-link` with `⏎········:to=\"{·name:·'About',·query:·{·lang:·$i18n.locale·}·}
浏览 28
提问于2020-04-09
得票数 1
1
回答
VueJS子组件工艺路线
、
、
我坚持使用我的第一个Vue应用程序(它是大型ASP .net应用程序的一部分),我有一个有三个页面的应用程序。 <router-link to="/Controller/FirstPage" class="list-numbered-item"> FirstPage </router-link> ... SecondPage, LastPage... <div class="content-main"> <router-view></router-view> </div
浏览 36
提问于2020-04-10
得票数 0
回答已采纳
7
回答
VueJS:单击“禁用”按钮仍会更改路由
、
、
当currentpage是firstpage时,我试图禁用一个按钮 该按钮将正确禁用,但当单击该按钮时,路由仍会更改。 javascript checkDisable() { if (this.currentPage==1) { document.getElementById("previousBtn").disabled = true; } } vue js <router-link :to="{ name: 'products', params: {page: currentPage-1 }}">
浏览 12
提问于2017-04-28
得票数 1
回答已采纳
1
回答
vuejs不更新组件
、
当我点击链接,mounted()工作,但新的模板不加载从服务器,vue不发送AJAX请求,如果路由改变。 <section class="content"> <router-view :key="$route.fullPath"></router-view> </section> <router-link to="/foo"></router-link> <router-link to="/bar"></router-link>
浏览 15
提问于2019-03-31
得票数 0
3
回答
VueJS + Rest列表呈现问题
我有一个Spring数据Rest后端,并且在src/main/resources/static + js资产中工作得很好。我的问题是,我无法理解如何在接口中呈现从can服务中获取的数据。 如果我将数据显式地设置为一个数组,它可以正常工作(参见)。 提前谢谢你! ... const ListFormsApi = { template: '<div><ul><li v-for=\'item in items\'>{{item.details.Title}}</li></ul></div>',
浏览 4
提问于2016-12-02
得票数 2
回答已采纳
1
回答
在vuejs上向父级发出样式值。
、
、
、
我对VueJS还是很陌生的,我正在努力解决所有的问题。 我有一个特定的问题,在我的网站上,我有一个TopBar组件,其中包含徽标和菜单。 <template> <div id="topBar"> <div class="container align-center justify-between"> <router-link to="/"> <img src="@/assets/logo-white.svg" alt="logo&
浏览 1
提问于2019-10-18
得票数 1
回答已采纳
1
回答
vuejs -如何将文本连接到指定的路由
、
如何将命名路由连接到路由器链接标记?我的代码: <router-link :to="'//https://t.me/share/url?url='+{name: Profile, params: {id: user.user_id}}+'&text=Hi I am ' + user.first_name + ' ' + user.last_name + ':'">Click Here</router-link> 问题是这一部分: {name: Profile, params:
浏览 0
提问于2018-10-28
得票数 2
回答已采纳
2
回答
vuejs路由器链路在延迟加载路由中不工作
、
、
、
我正在设置我的路由器,请遵循此指南 const PageWaitingRoom= () => import(/* webpackChunkName: "group-CCManageBusiness" */'./../pages/customer-care/manage-business/PageWaitingRoom'); const Routes = [ { path: '/customer-care/manage-business/waiting-room', component: PageWaitingRo
浏览 18
提问于2017-12-24
得票数 3
2
回答
如何在url中以vuejs获取json对象数据?
我有个json对象 blog:{ "_id": "62567252370e769a8a93a517", "title": "my trip to zanziar" } 我想在我的网址上显示 http://localhost:8082/blog/my-trip-to-zanziar 在我的世界里 但我得到了 http://localhost:8082/blog/my%20trip%20to%20zanziar 而且它没有显示任何数据 我就是这样走这条路的 <router-link :
浏览 11
提问于2022-09-16
得票数 0
回答已采纳
1
回答
Vuejs路由器-链路动态变化
、
我的项目中有多个模板,具有相当简单的url结构。 /startpage/ /startpage/test_1 /startpage/test_2 在我的“App.vue”中,我创建了一个模板,它显示在我的项目的每个页面上。该模板包含一个按钮,它的作用应该像一个“Home”按钮,名为“Projects”。 App.vue <template> <div> <div> <router-link :to="/startpage/"><button class="Project">Pro
浏览 0
提问于2018-07-13
得票数 1
回答已采纳
1
回答
使用jest测试vuejs路由器链接上的单击事件
、
、
<ul> <router-link to="/" tag="li" active-class="active" exact><a >Home</a></router-link> <router-link to="/contact" tag="li" exact><a>contact</a></router-link> <router-link to="/other" tag=
浏览 1
提问于2020-10-07
得票数 0
回答已采纳
1
回答
带有Vuex4的VueJS 3:状态未更新
、
、
、
我是vueJS的新手,我正在尝试在一个‘submenu’组件中创建一个动态标头。 App.vue <template> <div> <Header /> <router-view /> <Footer /> </div> </template> 我使用Vuex中的商店为我的submenu项目设置全局状态 store/index.js: import { createStore } from 'vuex' export def
浏览 16
提问于2020-10-28
得票数 0
回答已采纳
1
回答
Vuejs路由儿童链接
、
、
如何正确创建嵌套路由? const CarTable = { template: '<div>Car List</div>' } const CarShow = { template: '<div>Car Show</div>' } const CarCreate = { template: '<div>Car Create</div>'} const router = new VueRouter({ routes: [ {path: '/car&
浏览 2
提问于2021-02-12
得票数 0
回答已采纳
2
回答
如何将提到的标签文本转换为<路由器-链接>?(VUEJS)
、
、
、
、
我在数据中有一个身体属性 data(){ return{ body:'Hello im @username1 and @username2' } } 我希望将每个@user转换为下面的代码,用户可以单击该链接进入该url路径。 <router-link :to="`/${username1}`">@{{username1}}</router-link> 我试过什么 <span v-html='bodyReplaced'> computed: { bodyReplaced(){ r
浏览 0
提问于2020-07-23
得票数 2
回答已采纳
2
回答
如何在Vuejs山上触发事件
、
、
、
、
我有一个侧边栏,您可以在下面看到: <template> <section> <div class="sidebar"> <router-link v-for="(element, index) in sidebar" :key="index" :to="{ name: routes[index] }" :class='{active : (index==currentIndex) }'>{{
浏览 7
提问于2021-12-08
得票数 0
2
回答
如何用Vue显示检查localStorage键的按钮?
、
、
当我注销时,我会删除令牌。下面是我如何检查令牌是否被删除: const isLoggedOut = () => { let token = window.localStorage.getItem('token') if (token === undefined || token === null || token.length === 0) { console.log("user is logged out") return true } else { console.log("
浏览 7
提问于2022-09-24
得票数 1
回答已采纳
1
回答
vuejs Navbar链接不工作
、
、
、
、
我的vuejs应用程序有一个导航条,其代码如下所示。问题是导航条显示的颜色,但在导航栏.also控制台上没有可用的链接,显示类似于此的错误。当我搜索堆栈溢出时,我发现一些与我的问题相关的答案是将auth:‘改为auth:{}。但是它也起作用了,.So可以帮我修复this.Thanks吗? <template> <nav class="navbar navbar-expan-lg navbar-dar bg-primary rounded"> <button class="navbar-toggler" type="butto
浏览 1
提问于2019-03-06
得票数 0
回答已采纳
3
回答
前端与后端端点(spring启动和vuejs)
、
、
在某种程度上以本指南为基础: 我创建了一个多模块maven项目,其中一个子模块是我的后端,另一个子模块是我的前端。当我首先构建整个项目时,前端是" build“,然后它的dist/资源被复制到后端,然后再构建,我可以用java -jar target/backend-1.0.0-SNAPSHOT成功地启动我的春季引导后端,并在localhost:8080上访问它。 基于我在后端实现的控制器,这是有意义的: @RestController public class GreetingController { private static final String temp
浏览 4
提问于2019-12-11
得票数 5
3
回答
VueJS路由器不加载组件
、
、
我使用的是VueJS路由器,但是路由器没有加载组件。 我有About.vue和Contact.vue只需要测试标签-如下所示: <template> <div> <h1>Contact page. Welcome baby!</h1> </div> </template> 这里是App.vue,有三个路由器链接和路由器视图. <template> <div> <h1>Routing</h1> <router-link to=
浏览 1
提问于2017-09-01
得票数 5
回答已采纳
2
回答
如何使用v-bind将类切换到VueJs中的此项目
、
、
我的应用程序有一个底部导航栏。此导航包含4个图标,每个图标在单击时都会更改所显示的视图。我希望选择的图标从白色变为红色。我认为一种简单的方法是当导航中的图标被选中时切换.active的类。我目前已经编写了一些代码来切换active的类。但是,这会切换所有列表项,我需要它只更改“this”项,而不是其他项。另外,默认情况下,第一个列表项应设置为活动。有没有办法做到这一点? 我的导航组件如下; <li v-on:click="active = !active" v-bind:class="{active: active}"> <route
浏览 12
提问于2019-01-26
得票数 2
回答已采纳
1
回答
使用道具如何更新Vuejs中的数据?
、
组件 <template> <div> <b>Vuejs dynamic routing</b> <div v-for="item in items" :key="item.id"> <b>{{ item.id }}.</b> <router-link @update="updateValue" :to="{
浏览 2
提问于2021-12-21
得票数 1
回答已采纳
2
回答
VueJS从不同的路径滚动到区段
、
我正在尝试使用Vue和Vue路由器(在历史模式下)滚动到页面上的锚。 在索引页上,滚动行为按预期工作,跳到节中。 但是,当我是另一个页面时,它会在顶部加载索引页,而不是在锚点指向的位置加载索引页。 我相信这是一件非常简单的事情,但我无法摆脱它! 任何帮助都是非常感谢的! 我的路由器索引: export default new Router({ scrollBehavior: function(to, from, savedPosition) { if (to.hash) { return {selector: to.hash} } else {
浏览 4
提问于2018-07-17
得票数 4
2
回答
Vuejs计算函数返回意外输出
、
我正在尝试将vue JS中的支柱值设置为我在另一个类中的函数的输出。但是,当我调用该函数时,将返回该函数的实际代码,而不是该函数的输出。下面是我所指的屏幕截图中的代码。 在我的模板中 <nav> <ul> <li><router-link to="/games">All Games</router-link></li> <li><modal-deposit>Deposit</modal-deposit><
浏览 3
提问于2020-04-17
得票数 0
回答已采纳
4
回答
如何在VueJs对象迭代中有条件地应用CSS类?
、
、
、
、
Vuetify的代码: <v-layout row wrap> <v-flex xs2 v-for="(month, key) in months" :key ="key"> <router-link class = "decoration" :to="month.target">{{(month.month)}}</router-link> </v-flex> "v-for“遍历具有不同属性的array of obje
浏览 1
提问于2018-09-20
得票数 1
回答已采纳
1
回答
vuejs路由器链路和eslint规则
、
如果您安装了vuejs eslint插件并将其配置为使用“强烈推荐”的规则集,linter将告诉您更改以下代码: <router-link class="my-link" :to="{ name: 'index' }">Home</router-link> 进入到这个 <router-link class="my-link" :to="{ name: 'index' }" > Home </router-link> 问题是,当您这样做时,您
浏览 15
提问于2020-05-14
得票数 0
回答已采纳
1
回答
重置表单状态VueJS和VueRouter
、
目前,我正在逐步使用VueJS和VueRouter创建注册。 表单的基本前提是用户在输入个人信息之前必须选择一个注册选项。但是,每次选择不同的注册选项时,我都希望重新设置表单。 /** * * @type {Vue} */ let page2Component = Vue.component('pageTwo', { data: function() { return { step1: { firstname: '', lastname:
浏览 0
提问于2017-06-03
得票数 2
2
回答
Vuejs如何在从url或路由器链路输入时停止路由参数类型的更改
、
、
、
路由仿射改变类型 当我从url输入时,要字符串 从路由器-链路传递的号码。 router.js { path: '/post/:id', name: 'postdetails', component: () => import('./components/PostDetails.vue'), props: true, } 当我使用“路由器-链接”时,它会将道具作为“号码”类型传递。 <router-link :to="{name:'postdetails', params:{
浏览 0
提问于2019-09-02
得票数 2
回答已采纳
2
回答
VueJs -我不知道如何将布尔值传递给chid组件
、
我知道这个主题肯定是在某个地方处理的,但是我真的不明白我怎么能把一个变量传递给一个子组件。 我要做的是,在父组件中传递'displayTogglingMenu‘以在子组件中“切换”。 父组件 data(){ return { selectedItem: 1, displayTogglingMenu: false, items: [ { text: 'Home', name: 'home', icon: 'mdi-home' }, { text: 'C
浏览 1
提问于2021-04-04
得票数 1
回答已采纳
1
回答
Vuejs路线不起作用?
、
不知何故我的路线不起作用?我在vuejs中看过很多关于路由的视频。所有其他人都是这样做的。是一个bug,还是我能做些什么? Menu.vue: <template> <div class="Menu"> <div class="div" style="margin-top:70px;"> <header class="main-header"> <nav class="main-nav"> <ul class="nav-links"&
浏览 3
提问于2018-06-22
得票数 0
1
回答
VueJS中的菜单折叠
、
、
、
、
我有一个动态菜单,在Stack的另一个问题中,当我单击属于他的路径的菜单时,我能够将类“活动”。现在,当标签"a“在被选中时接收到”活动“类时。 好的!我的问题是:我的整个菜单都处于崩溃模式。如何通过根据选定的路由器打开"ul“打开来启动页面?我是否需要搜索“活动”类在哪里,然后在我的"ul“父母中添加”倒置“? 要打开"ul“菜单,我必须将类”折叠“放在 这是我的Menu.vue <template> <li v-for="item in Menu"> <router-link
浏览 0
提问于2017-09-22
得票数 0
1
回答
vuejs <router>组件使根路径的链接始终处于活动状态。
、
、
我的导航就像这样 <nav> <ul class="nav nav-list"> <router-link tag="li" to="/"><a href="#">Home</a></router-link> <router-link tag="li" to="/page1"><a href="#">Page1</a></rou
浏览 2
提问于2017-08-10
得票数 8
回答已采纳
1
回答
如何在vue.js (使用typescript)中将变量(来自getter的值)添加到路由器链路路径中?
、
我有一个带路由器链接的按钮,像这样` <router-link to="summary"> <button type="button" @click='questionsFinish' class="btn btn-primary" :disabled="!isFinishStepEnabled">{{$lang.message.solution_calculate}} </button> &
浏览 0
提问于2020-06-30
得票数 0
3
回答
VueJS:如何将params传递到组件中?
、
我是vueJS的新手。我想要做的是根据路由的选择将参数传递给组件。这是我的App.vue: <template> <div id="main"> <header> <h1 style="color:red">{{msg}}</h1> </header> <div> <aside class="sidebar"> <router-link v-for="el in thi
浏览 9
提问于2022-02-07
得票数 2
3
回答
VueJS中的条件链接行为
、
找不到合适的标题名称,如果有人想出更好的名称,我会很高兴的。 我有一个代表产品卡的组件。整个组件被包装在<router-link>中,这将通向产品页面。 然而,我有另一种情况,当我不需要组件指向产品页面,而是我需要做一些其他的操作。 我找到的唯一解决方案是将回调函数作为道具传递,并在此基础上执行以下操作: <router-link v-if="!onClickCallback"> ... here goes the whole component template ... </router-link> <div v-if=
浏览 0
提问于2018-09-12
得票数 1
4
回答
如何VueJS路由器链路活动样式
、
、
我的页面当前有Navigation.vue组件。我想让每个导航悬停并处于活动状态。“hover”可以工作,但“active”不能。 这是Navigation.vue文件的外观: <template> <div> <nav class="navbar navbar-expand-lg fixed-top row"> <router-link tag="li" class="col" class-active="active"
浏览 78
提问于2017-09-07
得票数 99
回答已采纳
1
回答
Vuejs添加附加Js的路由器链接
、
var output = `<router-link :to="{name : 'profile' , params : { slug : ${response.data.nickname} }}"> <img src="${response.data.avatar}" class="card__image"> </router-link>`; $('body').append(output) 在html结果中; <router-link :to="{name :
浏览 1
提问于2022-04-04
得票数 -1
1
回答
如何防止或停止父组件在vuejs中重新呈现
、
嗨,伙计们,我正在尝试创建一个类似Bootstrap的外观,但是使用Vuejs和Vue路由器,我也想在浏览器中更改url。 这是我的VueRouter代码 它运行良好,但是每次在UserProfilePosts或UserDetails之间切换时,父组件(UserProfilePosts)都会重新呈现,因为我知道我的代码会更大,这不是很好的用户体验,谢谢。 { path:'/:id', component:UserProfile, children: [ { path: '', component: UserProfileP
浏览 1
提问于2019-07-23
得票数 3
回答已采纳
2
回答
Vuejs将隐藏输入的值设置为路由参数
、
、
、
我试图用id的值来设置隐藏输入的值,这样当我提交表单时,我就有了id。我知道这个值正在使用param传递,如下所示: <td><router-link :to="{ name: 'editclient', params: { id: client.id }}">Edit</router-link></td> 然后,在我的EditClient组件中,我有以下隐藏输入: <input type="hidden" value="{{this.$route.params.id}}"
浏览 1
提问于2017-05-24
得票数 2
回答已采纳
1
回答
VueJS更新边栏组件
、
、
、
、
我有一个更新组件的问题。我来解释一下: 我有一个带有VueJS和Vuex的单页应用程序。我的App.vue是这样的: <template> <div class="wrapper"> <Sidebar></Sidebar> </div> </template> <script> import Sidebar from "../components/Menu/Sidebar"; export default { name: 'App'
浏览 11
提问于2020-08-29
得票数 1
回答已采纳
2
回答
vuejs -在组件之间共享websocket连接
、
、
、
一个小型vuejs应用程序入门。如何打开一个websocket连接,比如在根组件中,并在其他组件中重用相同的连接? 我希望组件能够通过相同的连接发送和接收。这些组件将被绑定到路由,因此在根组件和为路由呈现的组件之间没有直接的父子关系。 App.vue: <template> <div id="app"> <h1>My app</h1> <router-link to="/">P&L</router-link> <router-link to="
浏览 9
提问于2017-03-24
得票数 9
回答已采纳
1
回答
VueJS:如何使嵌套的路由器视图始终呈现其路由之一?
、
TL:DR;可以让显示一个组件而不需要在该组件路由上吗? 我试图在子组件中使用router-view来模仿旋转木马效果。 问题是,如果我不点击router-link,router-view就什么都不会显示。 我希望在没有其他人的情况下启用router-link,以便迫使router-view始终显示某些内容。 顶部为App.vue的router-view <template> <div id="app"> <router-view /> </div> </template> 路由器index.js: c
浏览 4
提问于2020-11-11
得票数 0
1
回答
Sidebar Vuejs中"li“的活动类
、
、
我在我的Vuejs项目中使用了这个边栏: <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false"> <!-- Add icons to the links using the .nav-icon class with font-awesome or any other icon font library --> <li c
浏览 8
提问于2021-09-05
得票数 0
2
回答
如何隐藏/取消隐藏vuejs中特定组件的路由器链接按钮
、
、
、
、
我使用router-link作为在不同组件之间导航的按钮。有没有办法隐藏特定组件的组件。 <router-link :to="{path: prevPage }" tag="button" class="btn btn-primary">
浏览 34
提问于2019-02-12
得票数 0
回答已采纳
1
回答
可变参数的Vuejs动态路由
、
、
、
我从vueJs和Webpack开始,我想使用vue路由器为我的表中的元素创建路由。 首先,我有我的表的代码: <table class="table table-condensed"> <tr style="text-align:left;" v-for="data in metadata"> <td>{{data.id}}</td> <td><router-li
浏览 1
提问于2017-11-15
得票数 0
3
回答
如何在每两个v-for生成的标签之间插入一个新标签?
、
、
、
有没有办法在每两个v-for生成的标签之间插入新的标签?比如Array.join()。 背景: 我想在每两个<router-link></router-link>之间插入一个<span>,</span>。 <router-link></router-link>是由v-for生成的,代码如下: <router-link tag="a" v-for="text in ['vue', 'react', 'JQuery']
浏览 3
提问于2018-12-30
得票数 2
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Vue-router路由系统详细介绍
130-重温基础:Map和Set对象
缓存的使用
数据库学习
python学习(一)-廖雪峰
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券