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

Question

我在一个项目中使用ccxt。ccxt是一个节点模块，它允许我获取不同密码货币/市场的实时数据。

我想使用以下代码从特定的交换中提取密码对

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(对)在控制台中给出的内容。

这就是vue控制台给我的关联组件的内容。

现在我认为这是可行的，但出于某种原因，列表中没有选项，就像如果“结对”是空的，但它不是，我认为它与异步函数和函数等待市场加载之前的选项呈现有关，但我不确定，它已经困扰我好几天了，我知道我的例子在另一台机器上是不容易复制的，因为我没有给出所有组件的代码，ccxt也没有像模块那么流行。

Answer 1

在mounted钩子中，尝试：

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