在vue里面window.open('http://192.168.1.78:8012/onlinePreview?url=' + encodeURIComponent(this.$Base64.encode(fileUrl)));如何内嵌到page3页面里面去
时间: 2024-09-28 21:05:58 浏览: 29
在Vue中,如果你想要在`page3`组件内部打开一个新的窗口,并传递`fileUrl`作为URL参数,你可以这样做:
```html
<!-- page3.vue -->
<template>
<button @click="openPreviewPage">预览</button>
</template>
<script>
export default {
methods: {
openPreviewPage() {
const fileUrl = this.fileUrl; // 假设fileUrl是你从组件内部获取的文件地址
window.open('http://192.168.1.78:8012/onlinePreview?url=' + encodeURIComponent(this.$Base64.encode(fileUrl)), '_blank');
},
// 如果$Base64是自定义的一个对象,确保已经导入并定义好
// $Base64: { encode: function(fileUrl) {...} }
},
}
</script>
```
在这个例子中,当点击"预览"按钮时,会调用`openPreviewPage`方法,该方法会用`encodeURIComponent`对`fileUrl`编码后再拼接到目标URL中。然后通过`window.open`打开新的浏览器标签页指向那个链接。
请注意,你需要确保`$Base64.encode`方法已经被正确地定义并且可以在组件内部访问,同时别忘了`_blank`参数表示在新窗口中打开链接。
阅读全文