vue使用 window.open打开新窗口然后打印

在Vue.js中，如果你想通过`window.open()`函数在用户点击某个操作时打开一个新的浏览器窗口，并在该窗口中打印一些内容，你可以这样做：

首先，在你的组件模板里，添加一个按钮或者链接，设置一个事件处理器（通常是`@click`事件），例如：

<button @click="openNewWindow">打开新窗口</button>

接下来，在对应的`methods`对象中编写`openNewWindow`方法：

export default {
  methods: {
    openNewWindow() {
      // 使用window.open()创建新窗口
      const newWindow = window.open('', '_blank'); // 第二个参数为空或'_blank'表示新窗口

      // 创建一个Promise处理异步操作（如果需要）
      Promise.resolve().then(() => {
        // 在新窗口中执行你的打印操作，比如使用JavaScript的console.log
        if (newWindow) { // 确保新窗口已经打开
          newWindow.document.write('<script>window.print();</script>');
          // 或者直接打印，但这种方式受浏览器限制
          // newWindow.postMessage('打印信息', '*');
        }
      });
    },
  },
}

在这个例子中，我们创建了一个新的空白窗口，并尝试执行`window.print()`，但这通常会被浏览器的安全策略阻止，因为这可能会触发用户的隐私设置。`postMessage`方法可以在某些场景下发送消息给其他窗口，但不是所有浏览器都支持。