vue使用jsonp跨域请求数据方法

2017-11-17  本文已影响0人  bob_python

# 代码:

<template>

    <div>

        <ul class="demo">

            <li v-for="(value,index) in pay_list" :key="value.broker_id">

                <p>{{value.realname}}</p>

            </li>

        </ul>

    </div>

</template>

<script>

    export default {

        name: "jsonp_demo",

        data() {

            return {

              pay_list:[],

              tranform: false

            }

        },

        created() {

        this.$http.get('http://127.0.0.1:8000/api/payuser.json').then((success) => {

                  // 请求成功,关闭loading

                  this.tranform = false;

                  // 由于请求成功返回的是Promise对象,我们要从success.body拿到数组

                  this.pay_list = success.body;

                }, (error) => {

                  console.log(error)

                })

        },

        mounted() {

this.get();

}

    }

    // css样式设置

</script>

<style>

  .demo{

    margin-top:35px;

  }

</style>

上一篇下一篇

猜你喜欢

热点阅读