Javascript 转到路线并在事件处理程序中传递道具

我有一个vuetify自动完成搜索，当从中选择一个项目时，我想去一个特定的路线并传递道具

在没有先通过道具的情况下，我尝试在v-autocomplete选择模型时，像这样更改当前路线

v-on:input="this.window.location.href = '/markets'"
v-on:input="this.$router.push({path: '/markets'})"

这会导致以下错误

Error in v-on handler: "TypeError: Cannot read property 'location' of undefined"
Error in v-on handler: "TypeError: Cannot read property '$router' of null"

那么，我如何更改路径并将道具传递给事件处理程序中的“市场”组件呢

编辑： 而是传递方法

同样的错误

v-on:input=“goToMarkets（）”

---

v-on处理程序中的

错误：“TypeError:无法读取未定义“

的属性“location”。问题是

此

上下文在模板中不可用。这就是为什么它告诉您，

*在未定义的

您需要在模板中创建一个方法和引用

---

this.window.location

给出错误的原因是，窗口是顶级对象，而不是在

this

上。在方法中使用

window.location

。

对于

v-on:input=“goToMarkets（）”

goToMarkets（）{this.window.location.href='/markets'}

v-on处理程序中的错误：“类型错误：无法读取未定义的属性'location'”

您能详细说明一下吗，在问题中添加详细信息确定删除此选项有效。但是，如何将道具传递给该路径上的组件？您能澄清一下您的意思吗？你想在模板中传递什么道具？我误解了向route传递道具的工作原理。这就是解决办法

methods: {
    goToMarkets(){ this.window.location.href = '/markets' }
    }