无法在 vue.js 中使用 ccxt 的 load_markets() 列出市场

Question

我正在为一个项目使用 ccxt。 ccxt 是一个节点模块，可以让我获取不同 cryptocurrencies/markets
的实时数据我想使用此代码从某个交易所提取加密货币对

const ccxt = require('ccxt')
const exchanges = ccxt.exchanges;
async function getMarkets(){
    let acx = new ccxt.acx()
    let markets = await acx.load_markets()
    return markets    
};

我在这个项目中使用 vue.js，我的计划是用 vue 和 ccxt 列出这个交易所的所有市场，我的 vue 模板是这个
<select v-model="selected"> <option v-for="pair in pairs"> {{ pair }} </option> </select>

我的其余代码是从异步函数获取数据，将其绑定到一个变量，以便我可以将其用作我的 vue 代码中的数据，然后在模板中使用它

let pairs = getMarkets()
console.log(pairs)


export default {
name: 'pair',
data() {
  return {
    pairs,
    msg: 'Pair',
    selected: ''

  }
 }
}

这是 console.log(pairs) 在控制台中给出的
这就是 vue 控制台给我的与 Pair 组件相关的内容

现在我认为这应该可行，但由于某种原因列表中没有选项，就像如果 "pairs" 本来是空的但它不是，我认为它与异步功能有关以及在函数等待市场加载之前呈现的选项，但我不确定并且它已经困扰我好几天了，我知道我的示例不容易在另一台机器上复制，因为我没有提供所有组件的代码而 ccxt 并不是一个流行的模块。

Answer 1

在mounted钩子中，尝试：

mounted() {
   getMarkets().then(markets => this.pairs = markets)
}

无法在 vue.js 中使用 ccxt 的 load_markets() 列出市场

Can't list markets using ccxt's load_markets() in vue.js

javascript

asynchronous

vue.js

ccxt