vue location.href用法
location.href是JavaScript中用于操作当前页面URL的属性。它可用于获取当前页面的URL或者重定向到其他URL。
获取当前页面的URL:
js
console.log(location.href);
返回当前页面的完整URL,例如:
重定向到其他URL:
jshtml href属性
location.href = "
重定向到指定的URL,加载新页面
在Vue中,通过在methods方法中使用location.href属性可以实现页面重定向,如:
vue
<template>
<div>
<p>{{message}}</p>
<button @click="goToNewPage">去往新页面</button>
</div>
</template>
<script>
export default {
data() {
return {
message: "欢迎来到当前页面"
}
},
methods: {
goToNewPage() {
location.href = "
}
}
}
</script>
此时点击按钮会跳转到指定的页面,类似于a标签的跳转。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论