vue.js - 使用 Vue 在某些路由/页面上执行事件的正确方法

Question

项目在 Laravel 中。

我有一个 app.js 文件，在该文件中我启动了我的组件，并有一些方法可以用值填充选择框。假设我有一个尺寸选择框和一个颜色选择框，但是它们都在不同的页面上。

一次获取所有选择框的数据是没有意义的，只需在请求具有选择框的页面时通过 Ajax 获取数据。

但是，正确的方法是什么？

因此，如果 URL 为https://localhost/color，则将执行对 API 的 Ajax 请求以获取颜色参数。如果 URL 为https://localhost/sizes，则将执行对 API 的 Ajax 请求调用以获取大小参数。

我想：让手表看看一条路线，或者在安装/创建的时候看看这条路线是什么。

标签： vue.jsvuejs2vue-component

Answer 1

如果你使用 Vue Router，你可以在组件中放置一个beforeRouteEnter() 路由保护。每当用户导航到显示该组件的路由时，路由器都会调用它。或者，您可以在页面组件mounted()方法中获取数据。