将jquery变量传递给vue js

时间:2017-09-04 12:03:51

标签: jquery vue.js

我有这个代码将一些数据发布到远程服务器并接收成功消息。我正在获取一个数组,我正在使用该数组来包含各种数据。我想使用特定的数据来显示交易的方向是使用Vue.js上涨还是下跌。

这是jQuery代码:

var email = window.localStorage.getItem("email");
     var rid = window.localStorage.getItem("rid");
        var ob = {
      'email' : email,
       'id' : rid
       };

    var data = decodeURIComponent($.param(ob));
    setInterval(function() {
    $.ajax({
            url: 'http://example.world/mobile/index.php/welcome/my_trade_details',
            type: 'POST',
            data: data,
            success: function (data) {
            data = JSON.parse(data);

            $('#started_at').html(data.trade_start);
            $('#ended_at').html(data.trade_end);
            $('#my_trade_is').html(data.trade_direction);
            $('#result_is').html(data.trade_result);
            $('#trade_status').html(data.trade_status);
            $('#concurrency').html(data.trade_concurrency);
            $('#amount').html(data.trade_amount);
            $('#etherum_contract_number').html(data.etherum_contract_number);
            },
            error: function (data, textStatus, jqXHR) { 
            if(typeof data === 'object'){
            var data = 'No Internet Connection Detected';
            }    
            }
        });
    }, 5 * 1000);

这是Vue.js代码:

<div v-if="trade_direction === 'up'">
  <i class="green material-icons">arrow_upward</i>
</div>
<div v-else>
  <i class="green material-icons">arrow_downward</i>
</div>

如何在jQuery和Vue.js之间定义和传递变量trade_direction

0 个答案:

没有答案