当点击按钮时，Vuejs 重定向到 URL。

15 浏览2023年5月21日

匿名的 2022年9月25日

0 Comments

我有一个按钮，当我点击它时，想要将其重定向到传递的url。

这是我的代码。

当我点击按钮时，它没有将我重定向到url。

我正在考虑使标记看起来像按钮，并使用它来重定向，但如何通过按钮实现呢？

admin 更改状态以发布 2023年5月21日

0

1 答案

匿名的 Posted 2022年9月25日

0 Comments

这可能是因为窗口不是this的对象。尝试仅使用window.location，应该可以正常工作。

0

如何根据v-for的值，在我的模态窗口上（在按钮点击时）获取所选数据？

通过按钮点击在vuejs组件中将URL复制到剪贴板

在Vue和Laravel上，我如何在登录后重定向回上一页？

如何在Vue中提交表单，重定向到一个新的路由并传递参数？

如何在Angular 11中重定向外部网站URL？

使用Vue Router滚动到锚点

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

Vue v-on:click在组件上不起作用

使用VueJS打开一个PDF文件

在VueJS中的组件模板中打开一个Vuetify对话框。

如何使用Vue Router创建锚点标签

Click me ``` 在Vue实例中，我们可以使用`this.$refs.myButton`来访问这个按钮元素，并读取它的属性。例如，我们可以通过以下方式读取按钮的`id`属性： ``` let buttonId = this.$refs.myButton.id; ``` 同样地，我们也可以读取其他的DOM属性，比如`class`、`style`等。需要注意的是，`$refs`只在组件渲染完成后才会填充，所以我们需要确保在访问`$refs`之前，组件已经被渲染。这样，我们就可以轻松地读取和操作DOM元素的属性了。">VueJS读取DOM属性在VueJS中，我们可以使用`this.$refs`来访问DOM元素的属性。`$refs`是一个对象，它包含了通过`ref`属性引用的所有DOM元素。例如，我们有一个按钮元素，并给它添加了一个`ref`属性： ``` ``` 在Vue实例中，我们可以使用`this.$refs.myButton`来访问这个按钮元素，并读取它的属性。例如，我们可以通过以下方式读取按钮的`id`属性： ``` let buttonId = this.$refs.myButton.id; ``` 同样地，我们也可以读取其他的DOM属性，比如`class`、`style`等。需要注意的是，`$refs`只在组件渲染完成后才会填充，所以我们需要确保在访问`$refs`之前，组件已经被渲染。这样，我们就可以轻松地读取和操作DOM元素的属性了。

Vue.js将函数作为prop传递，并使子组件使用数据调用它。

Vue-router可以在新标签页中打开链接吗？

如何通过按钮重定向网页

AngularJS ng-click 跳转到另一个页面（使用Ionic框架）

在Angular中，我如何在按钮点击时从一个组件传递数据到另一个组件？

Vuejs 2: 从组件向父组件发送事件

如何在React.js中进行重定向

Vuejs在一个新标签页中打开PDF文件