NW.js 与 Vue.js 如何在用户的默认浏览器中打开链接？答案

【问题标题】：NW.js with Vue.js how to open a link in a user's default browser?NW.js 与 Vue.js 如何在用户的默认浏览器中打开链接？
【发布时间】：2020-12-21 21:33:16
【问题描述】：

基本上标题的名称就是问题本身，但让我解释一下。

我对此有一个解决方案，但我认为这不切实际，并希望找到一种更好的方法。例如，如果我想打开一个链接，这里没有问题，但如果说我有几十或几百个链接，任务变得很麻烦。有没有巧妙的方法来解决这个问题？

代码如下：

<template>
  <div>
     <a @click.prevent="fireUpLink">External Link</a>
  </div>
</template>

<script>
/* global nw */
export default {
  methods: {
    fireUpLink: function() {
      nw.Shell.openExternal("http://example.com/");
    }
  }
};
</script>

【问题讨论】：

标签： vue.js hyperlink node-webkit

【解决方案1】：

在 Vue SFC 中，它期望在组件中定义或导入引用变量，或者是全局变量。如果您从全局 window 对象中引用它，它应该可以工作。

window.nw.Shell.openExternal('http://example.com');

【讨论】：

感谢您的评论。不知怎的，我错过了你的答案。你的意思是把它放在像<a @click.prevent="window.nw.Shell.openExternal('http://example.com')">External Link</a>这样的模板块中？
我的意思是在一个方法中，不确定模板内是否可以工作，如果可以，那就去吧。