[英]Laravel + Vue Js : How can i hide a bootstraps 4 modal on getting response from Axios request
I am using Laravel 5 with VueJs. 我在VueJs中使用Laravel 5。 I have a simple bootstrap4 modal having 3 input fields.
我有一个具有3个输入字段的简单bootstrap4模态。 On click submit data is sent to the database using AXIOS post request.
单击时,使用AXIOS发布请求将提交数据发送到数据库。
Now I want when I get a response (success) that bootstrap modal should hide. 现在,我想在收到响应(成功)时应该隐藏引导程序模式。 How can I achieve this?
我该如何实现?
code : 代码:
<script>
export default{
data(){
return{
list:{
name:'',
email:'',
phone:''
}
}
},
methods:{
save(){
axios.post('/phonebook',this.$data.list).then((response)=>console.log(response))
.catch((error)=>console.log(error))
}
}
}
</script>
You can use like this: 您可以这样使用:
methods: {
// ...
if(response.status===200) this.closeModal();
// ...
closeModal() {
$('#modal').modal('hide');
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.