@{
    Layout = "_UserLayout";
}
<div id="app">
    <table class="table">
        <caption>金桥投屏兑换码</caption>
        <thead>
            <tr>
                <th>套餐</th>
                <th>兑换码</th>
                <th>购买时间</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="info in tableData">
                <td>{{info.package_name}}</td>
                <td>{{info.code}}</td>
                <td>{{info.create_time}}</td>
            </tr>
        </tbody>
    </table>
</div>
<script>
   var vm = new Vue({
	    el:'#app',
	    data:{
	        tableData: [],
	    },
        created:function(){
            this.post();
        },
	    methods:{
            post:function(){
                var param = [];
                let cashOutData = {
                    cookie:document.cookie
                }
                $.ajax({
                    type: 'POST',
                    async:false,
                    url: 'https://php-api.juip.com/jinqiao/index/get_key',
                    dataType: "json",
                    contentType: "application/json",
                    data: JSON.stringify(cashOutData),
                    beforeSend: function(xhr) {
                        xhr.withCredentials = true;
                    },
                    crossDomain: true,
                    success: function (res) {
                        param = res.data;
                        console.log(res)
                    }
                });
                this.tableData = param;
	        }
	    }
	});
</script>