1

我正在为一个项目使用 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(pairs) 在控制台中给出的 内容 这就是 vue 控制台给我的与 Pair 组件相关的内容 控制台日志
Vue

现在我认为这应该可以工作，但由于某种原因，列表中没有选项，就像“pairs”本来是空的但不是，我认为它与异步函数和函数之前的选项渲染有关等待市场加载，但我不确定，这已经困扰我好几天了，我知道我的示例不容易在另一台机器上复制，因为我没有提供所有组件的代码，而且 ccxt 不是那么受欢迎一个模块。

4

1 回答 1

3

在mounted钩子中，尝试：

mounted() {
   getMarkets().then(markets => this.pairs = markets)
}
于 2018-08-27T17:09:15.193 回答