在组件上的Vue 3中获取URL查询参数

文章/答案/技术大牛

发布

1回答

启动vue页面时，如何从服务器获取参数？

node.js、vue.js

我想知道的是如何使用数据中的参数打开页面。几个人收到电子邮件。有一个按钮可以用他们的id链接到页面。当他们按下按钮时，服务器识别他们并将他们的名字从他们的名字发送到主页。主页(Vue)显示他们的名字，比如“欢迎回家”。史密斯先生的我想它可以用作道具。res.redirect(

浏览 1提问于2020-01-13得票数 0

回答已采纳

1回答

作为组件属性传递查询参数？

vue.js、vuejs2、vue-router

使用vuejs2 & vue-router3 3，如何获取查询参数并将它们传递到路由组件的支持中？并从URL中删除查询字符串？这是为了支持在新窗口中打开链接。

浏览 12提问于2022-04-13得票数 0

2回答

vue.js、vue-component、vue-router

我是Vue JS的新手，我必须说我真的很喜欢这个平台。我3天前才开始使用它。我只是在尝试获取URL查询参数，而且我也在使用vue-router。下面是我是如何拥有它的： http://localhost:8001/login?id=1 这是我的控制器的样子。</div>

浏览 137提问于2020-10-07得票数 8

回答已采纳

1回答

从页面加载的URL填充VueSimpleSuggest

vue.js、vuejs2、getparameter、vue-simple-suggest

我在我的Vue JS应用程序中有这个VueSimpleSuggest组件： class="input-elements" :filter-by-query="true" v-on:select="updateAppDataOnSelect"

浏览 4提问于2022-09-12得票数 0

1回答

使用Vue路由器-链接只更改查询参数，而不是路径导航

vue.js、query-string

在Vue.js中，我使用<router-link>导航，如下所示：这不更新路径，只更新查询字符串。尽管得到的URL格式正确，但它不会触发Vue中的导航，显然是因为路径没有更改，只有<e

浏览 1提问于2018-11-20得票数 2

1回答

Vue:得到url params

javascript、vue.js、vue-router

根据文件中的信息。我可以从url中获取参数，并将它们作为参数传递给组件。import Vue from 'vue'import VueRouter from 'vue-router' var router = new

浏览 1提问于2018-09-14得票数 0

2回答

如何定义单个组件的多个路由？

javascript、vue.js

我在我的项目中使用Vue 2。/suites", }, path: "*", },我需要添加一条额外的路由number=xxxxxx"} }

浏览 5提问于2021-04-14得票数 0

1回答

将Vue查询参数从当前路由传递到路由器链路

javascript、vue.js、object、vue-component、vue-router

我知道这不会很难，我想做的就是检测查询参数并将其传递给我的组件。要从Vue中的组件访问路由器，我必须做什么？我已经尝试了所有我能在网上找到的东西，但由于某种原因，在Vue中"this“并不存在，我真的准备放弃了，回到Angular。说真的，我甚至不能在标记中访问它，并且从路由文件中导入实际的路由器也没有任何作用。我怎样才能做到这一点？我觉得在任何框架中从url<

浏览 11提问于2021-01-14得票数 1

回答已采纳

2回答

如何将具有查询参数的路由器添加到路由器列表中？

vue.js、nuxt.js、vue-router

我想添加一个带有查询参数的路由。如果url包含author查询参数，则用BlogAuthorPage组件替换页面上的组件。author=*', })}

浏览 2提问于2021-07-22得票数 1

回答已采纳

1回答

如何检查我是否来自“直接”路由，而不是“返回”路由？

vue.js、routes、vuejs3、vue-router、browser-history

这基本上是一个简单的任务:我在Vue路由器中使用Vue3，我的Home.vue组件位于/路由中，还有一个位于/product路由中的ProductDetails.vue组件。当用户导航到我的/路由时，我想执行一个特定的操作。但是，我只希望这个操作发生在用户直接导航到这里时，这意味着通过单击链接或通过浏览器的U

浏览 6提问于2022-09-13得票数 0

6回答

VueJS:不使用查询参数的$router.push

vue.js、vue-router、nuxt.js、query-parameters

在我的NuxtJS(v.2.10.2)应用程序中，我有一个URL，如下所示，其中pid是post的id。该URL工作良好，并按照传递给pid查询参数的值加载post。但是，用户可以通过单击打开对话框的应用程序栏上的Add Post按钮来添加新的帖子。一旦用户单击add，就会发出对后端服务器

浏览 3提问于2020-02-15得票数 7

回答已采纳

1回答

使Vue* Router查询在父组件级别持续存在*

javascript、vue.js、vuejs2、vue-router

我将一个全局vuex存储对象绑定到路由的query属性，这样，如果该对象设置为{ a: 1, b: 2 }，则url参数将更改为?a=1&b=2；如果用户将参数更改为?这一切都像预期的那样工作。我可以像这样动态地传递query对象： this.我知道Vue Router提供

浏览 1提问于2017-04-03得票数 3

1回答

方法来获取参数，在Ajax请求中发送它

vue.js、vuejs2、vue-tables-2

在vue-tables-2组件上有没有用ajax方法发送获取参数的方法？查询:限制: 25升序:1页:1 byColumn: 0

浏览 12提问于2019-02-14得票数 0

回答已采纳

2回答

Vue如何匹配查询路由

javascript、vuejs2

在我的vuejs-application中，我有一条如下所示的路由：但是在我的router.js中，我找不到匹配这个路由，所以我可以呈现一个特定的视图。所以我想也许是这样的？

浏览 1提问于2021-01-22得票数 1

1回答

参数Url* Vue Js*

vue.js

我正在尝试使用Vue构建一个筛选器组件，例如，我有2个输入表单1.最小价格和2个最高价格，我希望用户在输入字段中输入的查询文本与URL示例中的查询参数反应，我输入的最小价格: 1000 localhost/minprice=1000 当我输入maxprice : 2000时，url如下所示： localhost/minprice=1000&maxprice=2000 如何

浏览 15提问于2019-02-16得票数 0

1回答

如何正确地将支柱从龙骨8号叶片传递到vue* 3组件*

javascript、php、laravel、vuejs3

当被挂载时，我试图获得用户支持的值，就像在刀片文件中一样，但是我在控制台中没有定义。我想知道Vue 3中是否有什么变化，因为它在Vue 2中工作。 <App :user="1" </App>App.vuemounted(){

浏览 2提问于2021-06-13得票数 4

10回答

如何在Vue中使用Vue-Router设置URL查询参数

javascript、vue-router、vue.js

我正在尝试使用以下命令设置查询参数 Vue路由器当更改输入字段时，我不想导航到其他页面，而只是想修改同一页面上的url查询参数，我是这样做的： this.这是设置URL查询参数的正确方法，还是有更好的方法。编辑：以下是我的路由器代码： export default new Router({ mode: 'history'

浏览 356提问于2016-11-02得票数 167

回答已采纳

3回答

Vue，有没有一种在没有URL参数的路由之间传递数据的方法？

javascript、node.js、vue.js、vsprops

我正在寻找如何在两个独立的组件(不是父组件和子组件)之间秘密地传递数据，而不用在我的Vue2应用程序中使用URL params。这并不意味着我传递的秘密，而是我只是不想让用户看到它(仅为UI考虑)。我知道Vue有，但是它们用于在父组件和子组件之间传递数据。在我的例子中，我的URL会改变，但我不想通过可见

浏览 1提问于2018-06-23得票数 37

5回答

如何将url参数传递给Vuejs

php、ajax、url、vue.js

我正在用laravel和VueJs构建一个应用程序，我想知道如何以适当的方式将像user slug或user id这样的url参数传递给vuejs，以便能够使用该参数进行ajax请求？例如，当某人单击指向我想在我的vuejs应用程序中发出一个ajax请求，参数为'john-appleseed‘。什么是“正确/恰当”的方式呢？提前感谢！

浏览 3提问于2015-09-14得票数 17

2回答

Vue线索通过路由器链路传递属性(数据)

vue.js、vue-component、vue-router

我正在使用安装了vue-router的Vue-cli，在我的App.vue中，我有一个<router-link to="/about" >About</router-link>，它将在点击时显示关于组件的内容现在，我想将props数据从 App.vue传递到About.vue组件。{...}props:{myprops:[

浏览 0提问于2018-07-09得票数 3

回答已采纳

点击加载更多

启动vue页面时，如何从服务器获取参数？

作为组件属性传递查询参数？