vue项目的停止_javascript – 停止多次点击vue.js

在我的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–

Rit van {{ ride.created_at }}

Naam

{{ ride.user.name }}

Locatie van

{{ ride.location.from }}

Locatie naar

{{ ride.location.from }}

Beschrijving

{{ ride.location.description }}

Kmz

{{ ride.location.kmz }}

kmp

{{ ride.location.kmp }}

Uren

{{ ride.location.hour }} uur

Google maps

{{ ride.location.maps }}

Datum

{{ ride.created_at }}

Tijd

{{ ride.time }}

Factureerbare tijd

{{ ride.billabletime }} uur

Type

{{ ride.type.name }}

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

}

}

}