自訂的元件中沒有辦法加入直接加入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("请求失败");
}
});
}
});
雷雷
你props接收的是detail, 你又用users, 你這user哪來的?
給你定義的元件加入props,列如cdata屬性,用來傳遞數據,在父件引用組件
,這樣子元件就可以cdata.attr來存取你AJAX請求的數據了
最上面定義的元件中直接收到了一個變數detail,users是父元件的變量,子元件無法直接呼叫。
感覺你這個寫的有點亂,一個id可以綁定兩個vue?