javascript - vuejs中關於和jQuery的ajax後台的交互
高洛峰
高洛峰 2017-05-19 10:41:03
0
3
523

我想要使用vuejs呼叫jQuery的ajax,但是頁面上的事件觸發我想讓頁面一載入的時候就觸發,該怎麼操作
程式碼如下:
HTML:

<p id="app">
     <button id="but" v-on:click="showData">测试加载数据</button>
     <table border="1">
       <tr v-for="data in users">
           <td>{{data.name}}</td>
           <td>{{data.details1}}</td>
           <td>{{data.details2}}</td>
       </tr>
   </table>
</p>

js:

var vum = new Vue({
    el:"#app",
    data:{
        users:""
    },
    methods:{
        showData:function(){
            $.ajax({
                url:"请求路径",
                type:"post",
                dataType:"json",
                success:function(result){
                    if(result.state==0){
                        vum.users = result.data;
                    }
                },
                error:function(){
                    alert("请求失败");
                }
            });
        }
    }
});

我該怎麼做才能讓頁面一載入就發送ajax的請求呢?請大神指點,感激不盡

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回覆(3)
仅有的幸福

雷雷

过去多啦不再A梦

那你就寫在外面,為何寫在showData方法裡面?

漂亮男人

你可以看vue文檔 關於組件生命週期的那部分,有mounted()或created()可以用來達到你的需求

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板