javascript - 怎麼把ajax取得的資料加入到組中
大家讲道理
大家讲道理 2017-05-19 10:38:29
0
4
543

自訂的元件中沒有辦法加入直接加入v-for嗎,為什麼我一把v-for加上之後這一部分就不再載入了呢,我怎麼才能把ajax取得到的資料放到這裡面,請大神幫忙指點一下,小弟感激不盡

Vue.component('my-article',{
props:['detail','user'],
template:'<h6>{{detail.title}}</h6>'+
         '<table id="phone">'+
            '<thead>'+
                '<tr>'+
                    '<td style="width: 150px;">{{detail.department}}</td>'+
                    '<td style="width: 119px;">{{detail.phone1}}</td>'+
                    '<td style="width: 121px;">{{detail.phone2}}</td>'+
                '</tr>'+
            '</thead>'+
            '<tbody>'+
                '<tr v-for="data in users" :user="data">'+
                    '<td>{{user.name}}</td>'+
                    '<td>{{user.details1}}</td>'+
                    '<td>{{user.details2}}</td>'+
                '</tr>'+
            '</tbody>'+
        '</table>'
});

這樣才能讓它只循環執行tr那一段呢

let vm = new Vue({
el:"#module-duty",
data:{
    article:{
        title:"值班单位电话",
        department:"单位",
        phone1:"内线电话",
        phone2:"外线电话"
    },
    users:""
},
created:function(){
    $.ajax({
        url:"http://localhost:8080/opseyetem/post/find.do",
        type:"post",
        dataType:"json",
        success:function(result){
            if(result.state==0){
                vm.users = result.data;
            }
        },
        error:function(){
            alert("请求失败");
        }
    });
}

});

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回覆(4)
为情所困

雷雷

黄舟

你props接收的是detail, 你又用users, 你這user哪來的?

伊谢尔伦

給你定義的元件加入props,列如cdata屬性,用來傳遞數據,在父件引用組件
,這樣子元件就可以cdata.attr來存取你AJAX請求的數據了

黄舟

最上面定義的元件中直接收到了一個變數detail,users是父元件的變量,子元件無法直接呼叫。
感覺你這個寫的有點亂,一個id可以綁定兩個vue?

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