本文共 2176 字,大约阅读时间需要 7 分钟。
在我的vue.js应用程序中,可以删除项目.
div元素如下所示:
Delete
这是处理点击的方法:
methods: {
delete ()
{
swal({
title: "Weet u het zeker?",text: "Het is niet mogelijk deze handeling te herstellen!",cancelButtonText: 'Stop',type: "error",showCancelButton: true,confirmButtonColor: "#DD6B55",confirmButtonText: "Ja,verwijder deze rit.",cloSEOnConfirm: false
},() => {
RideService.destroy(this.ride)
.then(() => {
swal({
title: "Rit succesvol verwijderd",type: "success",showCancelButton: false,timer: 2000,showConfirmButton: false
});
this.$router.go('/administratie/ritten');
});
});
}
}
那么如何确保如果用户在相互之后快速点击3次,则只会发送一个请求.现在有发送3.因此,如果用户点击一次按钮,则应禁用该按钮.
– 编辑 –
import swal from 'sweetalert';
import RideService from '../../services/RideService';
export default {
data () {
return {
ride: { user: {},location: {},type: {} },deleting: false
}
},route: {
data ({ to }) {
return RideService.show(this.$route.params.rideId)
.then(function(data)
{
this.ride = data.data.ride;
}.bind(this));
}
},methods: {
remove ()
{
if (!this.deleting) {
this.deleting = true
swal({
title: "Weet u het zeker?",cloSEOnConfirm: false
},() => {
RideService.destroy(this.ride)
.then(() => {
swal({
title: "Rit succesvol verwijderd",showConfirmButton: false
});
this.deleting = false
this.$router.go('/administratie/ritten');
});
});
this.deleting = false
}
}
}
}
–EDIT 2–
Edit
Delete
import swal from 'sweetalert';
import RideService from '../../services/RideService';
export default {
data () {
return {
ride: { user: {},processing: false
}
},methods: {
remove ()
{
if (this.processing === true) {
return;
}
this.processing = true
swal({
title: "Weet u het zeker?",showConfirmButton: false
});
this.processing = false
this.$router.go('/administratie/ritten');
});
});
this.processing = false
}
}
}
转载地址:https://blog.csdn.net/weixin_39945523/article/details/111733877 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!