如何从VueJS中获取URL参数值？

本文共计1410个文字，预计阅读时间需要6分钟。

首先，为家长介绍VueJS获取URL参数的方法：

VueJS获取URL中参数的值：

1. 使用`this.$route.query`获取URL参数对象。

2.通过参数名获取参数值。

示例代码：

javascript

// 获取URL参数const params=this.$route.query;

// 获取特定参数的值const value=params['参数名'];

地址示例：`http://localhost:3333/?参数名=值`

先给大家介绍下VueJS取得URL参数

vuejs取得URL中参数的值

地址：localhost:3333/#/index?id=001

结果：001

console.log(this.$route.query.id)

PS：下面给大家介绍下vue自定义表单生成器可根据json参数动态生成表单效果

介绍

form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。