将Vue路由参数转换为整数
是指在Vue.js框架中，将路由参数从字符串类型转换为整数类型的操作。这在处理需要使用整数类型的参数时非常常见，例如分页、排序、筛选等场景。
要将Vue路由参数转换为整数，可以使用JavaScript中的parseInt()函数。该函数将字符串解析为整数，并返回解析后的整数值。
以下是一个示例代码，演示如何将Vue路由参数转换为整数：
// 假设路由参数名为id
const id = parseInt(this.$route.params.id);
// 使用转换后的整数参数进行相关操作
// ...在上述代码中，this.$route.params.id表示获取Vue路由中名为id的参数值。通过调用parseInt()函数，将该参数值转换为整数类型，并将结果赋值给变量id。然后，可以使用转换后的整数参数进行后续的操作。
需要注意的是，如果路由参数无法解析为有效的整数，parseInt()函数将返回NaN（Not a Number）。因此，在实际应用中，可以使用条件语句或其他方式处理无效参数的情况。
对于Vue.js框架，腾讯云提供了一系列相关产品和服务，例如云服务器、云数据库、云存储等，可以帮助开发者构建和部署Vue.js应用。具体产品和服务的介绍和文档可以在腾讯云官网上找到。
参考链接：
相关·内容
你好，我需要知道如何解决这个问题。
我想知道的是如何使用数据中的参数打开页面。
这是我想要做的事。
几个人收到电子邮件。有一个按钮可以用他们的id链接到页面。当他们按下按钮时，服务器识别他们并将他们的名字从他们的名字发送到主页。主页(Vue)显示他们的名字，比如“欢迎回家”。史密斯先生的
我被困在第3步和第4步之间，我把他们的名字数据作为查询发送。但不知道怎么接收它们。
我想它可以用作道具。但它只显示了“未定义”
这是我的节点js代码。
res.redirect(url.format({
pathname:"/",
query: {
"na
浏览 1提问于2020-01-13得票数 0
回答已采纳
我在每个函数之前使用Vue route Auth Guard。如果用户未登录，则无法访问仪表板和配置文件页面。它工作得很好，但当我尝试强制路由时，它会阻止我，但也会在url中添加一些额外的字符。我能去掉那些。
url -
import Vue from 'vue'
import Router from 'vue-router'
import * as firebase from "firebase";
Vue.use(Router)
const router = new Router({
mode: 'history',
浏览 19提问于2019-12-04得票数 0
回答已采纳
我正在组织我的VueJS项目文件夹。templates和view哪种选择更好？那是,
/src
- /templates
- Home.vue
- Login.vue
- /users
- User.vue
或
/src
- /view
- Home.vue
- Login.vue
- /users
- User.vue
浏览 3提问于2020-06-10得票数 2
回答已采纳
1回答
帮助!我已经用头撞墙好几个小时了.
正在使用的技术
(v3.0.0)Vue-Router (v4.0.0-0)Bootstrap (v5.1.1)
目标
我有两个页面(Home.vue，MetaUpdate.vue)和一个组件(Document.vue)。Home包含几个文档组件。单击其中一个文档组件中的“更新”div/按钮后，我们应该路由到MetaUpdate页面。MetaUpdate页面需要保存以下定义的整个Doc对象，该对象是通过路由器从文档组件传递下来的。
问题
由于某种原因，当我将我的自定义对象作为一个支柱通过路由器传递时，它好像不知道如何解释对象，而它将它作为字符串" ob
浏览 1提问于2021-11-11得票数 1
我需要将一个数组从一个Vuejs路由传递到另一个路由，比如从home.vue传递到post.vue。
这是我用于post.vue的route.js文件
{
path: '/post/:cart',
name: 'post',
component: PostView,
props: true
}
这是我的home.vue
<router-link to="/post/:cart">Check out</router-link>
还有我的post.vue
props: ['cart'],
浏览 1提问于2017-11-28得票数 1
我自己的想法列表，为什么带有参数的路由根本不被Vue识别，并让我重定向到"/home“组件结束。其他简单的路由也能正常工作。 routes.js： import VueRouter from "vue-router";
import Home from "../views/Home.vue";
import Login from "../components/login/Login.vue";
import Profile from "../components/profile/Profile.vue";
import
浏览 77提问于2021-10-25得票数 0
1回答
如何使用beforeEnter调用函数将数据传递给相应的路由组件？
在这种情况下，beforeEnter的目的是确认有效的承载令牌作为cookie存在。
目前，我让beforeEnter在/verify/auth上访问api网关，然后组件在/list/repos上加载并调用dynamodb。问题是，这两个路由都由内置的AWS gatewayV2 JWT授权程序保护，因此访问/verify/auth是没有意义的。
我想要的是让beforeEnter命中/list/repos，利用内置的JWT授权器，然后用从api调用获得的数据加载下一个页面。如果用户没有经过正确的身份验证，beforeEnter
浏览 3提问于2021-01-23得票数 4
回答已采纳
2回答
我有一个OrderedDictionary，如下面的代码片段所示，其中键是字符串、整数和字符。
我对OrderedDictionary非常陌生，我所知道的就是有序字典可以存储任何类型的键/值对，而且我们可以通过索引和键访问值。
OrderedDictionary od = new OrderedDictionary();
od.Add("Key1", "Val1");
od.Add("Key2", "Val2");
od.Add("Key3", &#
浏览 4提问于2016-02-17得票数 6
回答已采纳
2回答
来自AngularJS的我认为这在Vue.js 2中也很简单。但在Vue中，这似乎是很难设计的。
在AngularJS中，我可以执行此$location.search('my_param', null);操作，这将有效地将https://mydomain.io/#/?my_param=872136转换为https://mydomain.io/#/。
在Vue中，我尝试过this.$router.replace('my_param',null);，但它只能执行https://mydomain.io/#/?my_param=872136 -> https://
浏览 82提问于2017-07-21得票数 9
回答已采纳
2回答
祝大家今天愉快！当从web.php‘解锁’时，如下所示：
Route::get('/{page}', IndexController::class)->where('page', '.*');
路由器看起来如下：
import Vue from 'vue'
import VueRouter from "vue-router";
Vue.use(VueRouter)
export default new VueRouter({
mode: "history",
route
浏览 6提问于2022-08-05得票数 1
1回答
目前，我正在为Vue.js应用程序编写测试，并且遇到了这样的问题:如果有一些路由测试，那么在下一个测试中，href中的路径将根据前面的测试进行修改。
例如，如果在第一次测试中模拟使用href='document/123'单击链接并检查vm.$router.history.path，它将正确显示document/123，但如果在下一次测试中，vm.$router.history.path将显示document/document/123，并在下一次测试中继续在路径中添加“document”。
这是很奇怪的，看起来router在describe块的所有测试中都存在，即使我有befor
浏览 2提问于2017-08-02得票数 6
我目前正在尝试创建一个运行脚本的自动程序。
它需要有两个值，lastFromBlock和currentToBlock，它们需要在每个进程中增加大约1e5，所以我需要自动化从7654321到它对应的十六进制值的转换。我知道您可以使用字符串文字来完成这个任务，但是我还没有找到一个用于整型值的工具。
技术栈: JS，web3.js
有什么想法吗？
浏览 0提问于2022-12-08得票数 1
回答已采纳
1回答
我正在构建一个Vue.js 3应用程序的Vite和vite插件页面的路由。
有可能有一个静态的动态路线吗？
e.g. /@[handle].vue
当我这样做时，它不起作用，而是回到了我的所有路由[...all].vue。
我不想把它放在子文件夹中，所以/@/[handle].vue不是一个选项。我希望@符号后面跟着一个动态用户名之后的任何东西。
我使用Vue路由器在另一个应用程序中成功地做到了这一点，但不确定如何通过这个插件在基于文件夹的路由中实现相同的功能。
我以前是怎么做的：
const router = new Router({
routes: [
{
path
浏览 14提问于2022-01-30得票数 0
回答已采纳
当将vue-router与.vue文件一起使用时，没有记录在案的将数据从一个视图/组件传递到另一个视图/组件的方法。
我们来做下面的设置..。
main.js
import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
let routes = [
{
path: '/page1',
component: require('./views/Posts.vue')
},
{
浏览 4提问于2017-08-16得票数 5
回答已采纳
我正在尝试从id收集值。
在此之前，我在帖子中接受帮助。
在我的路由器文件的index.js中，我有以下代码：
{ path: '/word/:id',
name: 'word',
component: Word,
props: true,
},
在我的组件中，我有以下代码：
<script>
export default {
props: {
id: Number,
},
created() {
this.
浏览 1提问于2018-07-19得票数 9
回答已采纳
1回答
我目前正在做一个使用Vue和Firebase的项目。问题是，在构建并部署到prod之后，我的开发服务器不再呈现来自我的vue路由器的新路由。 例如:我有几个vue组件，它们都正确地呈现了相应的vue路由器路由，尽管现在当我添加新组件(Test.vue)/new路由时，加载网页时不会呈现任何内容。 我花了相当长的时间看了几乎每一篇与这个问题相关的有用的文章，但都没有成功。我尝试过在vue.config.js文件中手动设置webpack配置，并将根路径设置为'./‘以及'/’甚至'‘。都不起作用。 在这一点上我真的迷路了。 package.json (在项目的根文件夹中)
浏览 17提问于2019-08-22得票数 1
回答已采纳
在使用柏树进行测试的vue/cli 4应用程序中，我想使用我的混合方法，并在test/e2e/specs/fileupload_tests.js中添加声明：
import faker from 'faker'
import 'cypress-file-upload'
import appMixin from '../../../src/appMixin' // Full path is src/appMixin.js
describe('Admin category fileupload functionality'
浏览 3提问于2020-05-18得票数 0
我设法在Vue上实现了这个项目。现在还出现了一些其他的问题。我希望这个仪表板是一个单页面的应用程序。现在，我在主页中有四个主要组件，它们是Navbar.vue、Sidebar.vue、Content.vue和Footer.vue 没有问题，我可以在App.vue中使用它们，但是现在我的Content.vue组件是空的，我希望当用户单击侧边栏中的链接时，一些内容会出现在空白内容页面中。我知道在这一点上我需要使用vue-router。实现和使用vue-router没有问题，但是我不能在Content.vue组件中显示我的内容。 这是我的App.vue的样子 <template>
浏览 38提问于2020-10-27得票数 0
2回答
我正在做一个秒表，我需要像这样输出秒数："9.743秒“。
我已经用时钟测量了开始时间、结束时间和差值，并计划通过将差值除以1000来获得小数。下面是我的代码：
#include "Stopwatch.h"
#include <iostream>
#include <iomanip>
using namespace std;
Stopwatch::Stopwatch(){
clock_t startTime = 0;
clock_t endTime = 0;
clock_t elapsedTime = 0;
lon
浏览 1提问于2015-07-29得票数 1
为什么此查询在使用等于in联接时使用/重放所有行？
MySQL 5.6架构设置
CREATE TABLE entity
(
id int(10) unsigned not null AUTO_INCREMENT,
parent_id int(10) unsigned,
title varchar(200),
path varchar(200),
primary key(id),
CONSTRAINT `SelfKey` FOREIGN KEY (`parent_id`) REFERENCES `entity` (`id`) ON DELETE NO ACTION ON UPDATE NO AC
浏览 2提问于2015-03-15得票数 2
回答已采纳
我正在尝试使用一个由C#方法调用的存储过程在数据库中插入一些条目，如下所示：
public int addProfile(UserProfile NewUserPro)
{
DataSet ds = ExecuteStoredProcedure("AddNewPro", new SqlParameter[]{
new SqlParameter("@UserID", NewUserPro.UsrId),
new SqlParameter("@Type", NewUserPro.
浏览 2提问于2015-06-08得票数 1
回答已采纳
我从@ vue /cli $> vue create my-project创建了一个新的vue项目，激活了Typescript选项和路由器选项，并使用$>vue add vue-next升级到了vue3测试版。
现在，$>npm run serve失败了
ERROR in /home/auser/dev/my-project/src/router/index.ts(1,10):
1:10 Module '"../../node_modules/vue-router/dist/vue-router"' has no exported member
浏览 8提问于2020-06-17得票数 6
回答已采纳
5回答
我必须用1/50000做一个计算。当我这样做的时候
float(1/50000)
在python中，它只返回0.0。如何在python中获取幂函数的实际值？我想要2.5*10^(-5)。
浏览 1提问于2012-06-10得票数 1
回答已采纳
我之前遇到了一个奇怪的问题，我在一个新的控制台应用程序中复制了这个问题。我想知道，有人能解释一下为什么会发生这种事吗？
static void Main(string[] args)
{
DoSomething(0);
Console.Read();
}
public static void DoSomething(int? value)
{
Console.WriteLine("Do Something int? called");
}
public static v
浏览 5提问于2010-11-26得票数 9
回答已采纳
我在为vue-路由器的问题而挣扎。我需要检查一个简单的条件
If no matching route is found. Do window.location.reload()
我使用的是vue路由器: 2.7.0，vue是2.4.2
我已经浏览了大量的博客文章，但没有找到一个直截了当的答案。
浏览 2提问于2017-09-10得票数 0
回答已采纳
代码：
import pickle
test = 3
>>> with open('test', 'wb') as file:
... pickle.dumps(test, file)
和意外报告的错误。
Traceback (most recent call last):
File "<stdin>", line 2, in <module>
TypeError: an integer is required (got type _io.BufferedWriter)
这里发生了什么事？
浏览 2提问于2017-09-01得票数 13
回答已采纳
我正在尝试构建一个MEVN堆栈身份验证页面，该页面返回当前登录用户的信息。登录后，路由器重定向到Home.vue，同时将username作为支柱传递给Home.vue。
onSubmit方法在Login.vue中的应用
<script>
methods: {
onSubmit (evt) {
evt.preventDefault()
axios.post(`http://localhost:3000/api/auth/login/`, this.login)
.then(response => {
loc
浏览 0提问于2019-12-05得票数 0
回答已采纳
有人能告诉我是否有一种方法可以直接访问路由对象中的路由参数吗?我需要基于路由对象的不同组件。
router.map({
'/dashboard/*': {
component: Home
},
'/dashboard/:module': {
component: Module,
subRoutes: {
'/': {
component: require('./components/'+this.$route.params.module+'.vue')
浏览 1提问于2016-09-28得票数 0
回答已采纳
我正在用Vue.js构建一个单页应用程序。当前，在尝试使用浏览器导航按钮(后退/前进)之前，网站导航将正常工作。
当尝试使用这些导航时，将不会创建任何页面。URL将更改，但不会加载任何组件，除非您备份到加载该组件的基本URL。
模板根本没有加载，我也有ESlint，它没有显示错误。
下面是路由器的index.js：
Vue.use(Router);
export default new Router({
mode: 'history',
routes: [
{
path: '/',
name: 'search&#
浏览 1提问于2018-12-17得票数 2
回答已采纳
我定义了一个vue资源：
resources.js:
import Vue from 'vue'
import VueResource from 'vue-resource'
Vue.use(VueResource);
export const Team = Vue.resource('team{/id}{/action}');
那么，如果我在该资源上调用get方法：
api = require('.api/resources')
api.Team.get({
id: 3233,
action: 'de
浏览 2提问于2016-05-05得票数 3
回答已采纳
2回答
是否有一种在ColdFusion中不舍入的掩盖小数点的方法？
示例：
45.5454
我想要45个，而不是46个。
浏览 2提问于2014-08-21得票数 1
回答已采纳
1回答
我知道这是一种基本的做法，但我在Vue.js中找不到最好的做法。
我正在使用Vue Cli 3，需要在应用程序中获得指向相同主页的几条路线。
基本上，它应该是一个代销商编号作为参数-或者根本没有代销商。
因此，我所做的是，在router.js中-给同一主组件提供两个不同的路径：
{
path: '/',
name: 'home',
component: Home
},
{
path: '/affId=:affiliateNumber?',
name: 'h
浏览 6提问于2019-07-24得票数 1
回答已采纳
我有一个使用vue路由器的vue应用程序。我为登录路由实现了一个身份验证系统。如何让它在登录成功后自动重定向到用户最初想要访问的路由？ 这是我的代码 import Vue from "vue";
import VueRouter, { RouteConfig } from "vue-router";
import Home from "../views/Home.vue";
import Collections from "../views/Collections.vue";
import Login from ".
浏览 167提问于2021-11-17得票数 0
1回答
如何将路由器传递给我的子组件。
我用这个做路由器
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
export default function () {
const Router = new VueRouter({
mode: 'history',
routes : [
{
path: '/',
beforeEnter: ifAuthenticated,
浏览 1提问于2019-02-13得票数 0
回答已采纳
路由仿射改变类型
当我从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
回答已采纳
在这段代码中，我希望打印9/5的浮点值，这比它打印垃圾值的原因要高出1.8。为什么我尝试打印int值，而不是打印1，这是正确的，但为什么它打印的梯度，而不是打印1.8？
#包括<stdio.h>
int main() {
printf("%f", 9/5);
//printf("%d", 9/5);
return 0;
}
浏览 4提问于2022-06-21得票数 -1
回答已采纳
2回答
我是javascript和vue.js的新手，当我试图在现有的程序中添加一条新的路径时，我面临着一些问题。
我在一个名为Miniature.vue的单独文件中创建了我的新组件
我在路由器定义中添加了新的路由：
export default new Router({
routes: [
{
path: '/certificat/:id',
name: 'Certificat',
component: Certificat
},
{
path: '/miniature/:id&#
浏览 0提问于2018-10-13得票数 0
回答已采纳
1回答
我有一个vue路由器，对于其中一个视图，我想传递一个Object类型的prop，但是当我传递prop时，它最终不是object而是[object Object]。 下面是我如何为这个页面设置路由的： {
path: '/blogpage/',
name: 'BlogPage',
component: () => import('../subviews/BlogPage.vue'),
props: (route) => ({
blog: route.params.blog,
浏览 16提问于2021-07-30得票数 2
回答已采纳
2回答
我对Vue真的很陌生。我有多个页面，比如App.vue、Waiting.vue、Reference.vue、Switch.vue等等。**App.vue**上定义的文本将正确地传递给其他页面。但是现在我不想显示WELCOME文本从App.vue传递到Waiting.vue页面。是否有一种方法可以使WELCOME只对Waiting.Vue页面进行隐藏？
App.vue
<div id="app">
<b-container>
<b-col lg="5">
WELCOME
</b-col>
<
浏览 9提问于2020-08-20得票数 1
回答已采纳
有没有一种简单的方法来绑定输入参数，以允许人们将Javascript计算加入书签？
var app = new Vue({
el: '#app',
data: {
// dummy data
disksize: 100,
cost: 0.05,
items: [{
freq: "daily",
qty: 3,
ratio: 5
},
{
freq: "weekly",
qty: 0,
浏览 0提问于2020-07-12得票数 0
这是我的router.js
export default new VueRouter({
mode: 'history',
routes: [
{path: '/:mid', component: load('views/main'), meta: {name: 'Main'}},
{path: '/:mid/auth/:uid', component: load('views/auth'), meta: {name: 'Login'
浏览 4提问于2018-01-25得票数 0
当前有查询参数id=2&p=3，希望用vue-router尝试进行更改： this.$router.push({query:{id:'2',p:'4'}}); 但是抛出了NavigationDuplicated 怪异的..。 如何仅更改查询，以触发监视。
浏览 24提问于2019-09-26得票数 3
3回答
函数仅使用不同的输入调用相同的块
、、、、
import java.io.*;
public class LargestOfTwo{
public static void main(String args[]) throws Exception{
BufferedReader scan = new BufferedReader(new InputStreamReader(System.in));
double num1, num2 , large;
System.out.println("Enter two numbers, and I will show you wh
浏览 1提问于2017-03-25得票数 1
3回答
嗨，我想知道为什么
System.out.println((double) 1/4);
打印输出0.25
但
System.out.println((double) (1/4));
打印输出0.0
浏览 1提问于2019-04-23得票数 1
2回答
我需要生成一个vue-router链接，其中包含一个数组，该数组使用字符串键作为查询参数。我希望生成的URL如下所示
url?param[key]=value
我需要这些类型的查询参数来匹配现有的后端基础设施，所以重命名/重构它们不是一个选择。
我尝试使用如下所示的路由器链接，但param对象只是被序列化为%5Bobject%20Object%5D。也许有一个选项可以改变这个对象在vue-router中的序列化方式？
<router-link :to="{name: 'xyz', query: {param: 'value'}}">l
浏览 4提问于2018-08-18得票数 2
回答已采纳
我想把两个数字相乘，我知道我的数字总是正数，然后：
unsigned int mulPositiveNumbers(unsigned int a ,unsigned int b)
{
assert(a > 0);
assert(b > 0);
return (a*b);
}
现在，我使用assert告诉自己“给定的数字总是正数”。
但是当我运行的时候：
int main()
{
unsigned int res = mulPositiveNumbers(-4,3);
// more stuff goes here
}
即使我使用
浏览 1提问于2012-08-29得票数 4
回答已采纳
2回答
vue路由器意外重定向
、、、
这是我的路由代码：
// export so we can use in components
export var router = new VueRouter();
// define routes
router.map({
'home': {
component: Home,
auth: true
},
'login': {
component: Login,
auth: false
}
});
// fallback route
router.redire
浏览 2提问于2017-03-01得票数 0
回答已采纳
我正在尝试在我的应用程序中需要的地方重用我的代码片段。这段代码在vue-router的路径上创建条件。
为此，我创建了一个文件"utils.js“：
const util = {
nextStepAtelier () {
if (this.$route.path.includes(this.user.event_1.slug)) {
this.$router.push(`/events/${this.user.event_1_2.slug}/step-1`)
}
if (this.$route.path.includes(this.user.e
浏览 37提问于2020-02-27得票数 0
回答已采纳
1回答
嗨，美丽的Vuejs开发者在那里！在动态路由许多Vue组件/页面时，我遇到了一些小问题。在这个场景中，我使用嵌套路由为布局组件提供了几个路由，为我的页面设置了数百个子路由。正如您可以想象的那样，我必须静态地或手动地键入许多子路由，然后在以后的代码更改中需要更多的子路由时添加更多的子路由，但是我需要一个解决方案来简化/解决这个问题，比如在url中的布局之后添加那些用户类型的路由。下面是我的示例代码：
const routes: RouteRecordRaw[] = [
{
{
path: '/student',
component: () => impo
浏览 1提问于2021-11-22得票数 0
回答已采纳
我有一个向laravel路由发出axios请求的vue js组件。但是在vue文件中，我不能访问route()函数，现在必须使用静态url。下面是一些代码: web.php：
// API
Route::group(['prefix' => 'api'], function() {
// GET
Route::get('/brands', 'BrandsController@getBrands')->name('api-get-brands');
Route::get('
浏览 1提问于2017-10-26得票数 11
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
