vue不通过路由进行点击跳转页面
时间: 2023-07-28 20:16:28 浏览: 1009
如果你不想使用 Vue Router 进行页面跳转,可以使用原生的 JavaScript 来实现。例如,你可以在模板中绑定一个点击事件,然后在事件处理程序中使用 `window.location` 对象来改变当前页面的 URL,从而实现页面跳转。
示例代码如下:
```html
<template>
<div>
<button @click="gotoPage('/about')">点击跳转到关于页面</button>
</div>
</template>
<script>
export default {
methods: {
gotoPage(path) {
window.location.href = path;
},
},
};
</script>
```
在上面的代码中,我们给按钮绑定了一个 `click` 事件,并在事件处理程序中调用了 `gotoPage` 方法。该方法接受一个参数 `path`,表示要跳转到的页面的 URL。在方法内部,我们使用 `window.location.href` 将当前页面的 URL 改为目标页面的 URL,从而实现了页面跳转。
阅读全文