Je souhaite utiliser vuejs pour appeler l'ajax de jQuery, mais l'événement sur la page est déclenché. Je souhaite qu'il soit déclenché dès le chargement de la page.
Comment faire ?
<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>
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("请求失败");
}
});
}
}
});
Que dois-je faire pour envoyer une requête ajax dès que la page est chargée ? S'il vous plaît, donnez-moi quelques conseils, merci beaucoup
Ensuite, vous l'écrivez à l'extérieur, pourquoi l'écrire à l'intérieur de la méthode showData ?
Vous pouvez lire la documentation de vue sur le cycle de vie des composants. Mounted() oucreated() peuvent être utilisés pour répondre à vos besoins