Saya mahu menggunakan vuejs untuk memanggil ajax jQuery, tetapi acara di halaman dicetuskan sebaik sahaja halaman dimuatkan
Kodnya adalah seperti berikut:
HTML:
<p id="app">
<button id="but" v-on:click="showData">測試加載數(shù)據(jù)</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("請求失敗");
}
});
}
}
});
Apakah yang perlu saya lakukan untuk menghantar permintaan ajax sebaik sahaja halaman dimuatkan? Tolong beri saya tunjuk ajar, terima kasih banyak-banyak
擁有18年軟件開發(fā)和IT教學(xué)經(jīng)驗。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項目經(jīng)理、高級軟件工程師等職務(wù)。 網(wǎng)絡(luò)人氣名人講師,...
var vum = new Vue({
el:"#app",
data:{
users:""
},
created () {
$.ajax({
url:"請求路徑",
type:"post",
dataType:"json",
success:function(result){
if(result.state==0){
vum.users = result.data;
}
},
error:function(){
alert("請求失敗");
}
});
},
methods:{
}
});
Kemudian anda menulisnya di luar, mengapa menulisnya di dalam kaedah showData?
Anda boleh membaca dokumentasi vue tentang kitaran hayat komponen Mounted() atau create() boleh digunakan untuk memenuhi keperluan anda