vue click 内联箭头函数 调用window.open
时间: 2024-04-22 19:20:06 浏览: 283
vue-underscore-实现下划线的简单vue插件-Vue.js开发
在Vue中,可以使用内联箭头函数来调用`window.open`函数。内联箭头函数是一种简洁的语法,用于在Vue模板中定义一个函数并立即执行它。
要使用内联箭头函数调用`window.open`,你可以在Vue模板中的点击事件处理程序中使用以下语法:
```html
<button @click="() => window.open('https://www.example.com')">打开链接</button>
```
在上面的代码中,`@click`是Vue的事件绑定语法,`() => window.open('https://www.example.com')`是一个内联箭头函数,它会在点击事件发生时执行`window.open`函数并打开指定的链接。
注意,使用内联箭头函数调用`window.open`时,需要确保浏览器的弹出窗口阻止功能已被禁用,否则可能会被浏览器拦截。
阅读全文