Vuejs2 如何在Vuex中向getter响应添加链接（或任何html）？

我正在使用Vue和Vuex构建一个区块链浏览器，我偶然发现了一个至今无法解决的问题

实际上，我有一个getter，它根据操作名返回完整的事务信息。例如，如果操作是

po_transfer

，我想向用户提供有关此特定操作的资产类型、数量、发送方和接收方的详细信息

（@mat向@ned发送了10 BTC）

由于我从一个特定区块链的不同应用程序和游戏中收集数据，我有几十个这样的操作（转移、打开、取消、出售、购买、发行、构建、探索、升级等）。因此，我创建了一个getter，它以可读的形式返回所有这些内容，而不是

po\u transfer

它与文本完美结合，但我也需要在回复中添加一个链接。 在我们前面的示例中，

（@mat向@ned发送了10个BTC）

，应该是指向我为他们建立的相应网站的链接

所以我的问题是-如何在Vuex getter响应中添加链接

我已经尝试在

document.body.appendChild（myLink）

中使用纯javascript，但它只显示href文本（

http://somewebsite.com/@mat

），而不是实际给我一个指向此href的嵌入式链接（

@mat

）

以下是我现在拥有的：

 dappInfo: (state, getters) => (op, id) => {
   if (op === 'transfer') {
     return getters.dappJsonByTrxId(id).from + ' sent ' + 
            getters.dappJsonByTrxId(id).amount + 
          ` to @${getters.dappJsonByTrxId(id).to}` 
   }
 }

   dappJsonByTrxId: (state) => (id) => {
     return state.transactions.find(t => t.transaction_id === id).operations[0][1] || ''
   }

我需要这个

getters.dappJsonByTrxId（id）.from

返回

以文本形式

我想你不应该在getter中返回html，但我真的需要解决这个问题，因为其他一切都在工作。非常感谢您的帮助。提前谢谢

---

另外，您可以查看explorer的演示。

您可以输出包含所有html标记的字符串值

您可以输出包含所有html标记的字符串值