Rumah >hujung hadapan web >View.js >Bagaimana untuk mengelakkan permintaan pendua dalam vuejs
Kaedah Vuejs untuk menghalang permintaan berulang: 1. Tambahkan fail tersuai "preventReClick.js"; 2. Rujukan preventReClick dalam main.js 3. Tambahkan "v-preventReClick" pada butang.
Persekitaran pengendalian artikel ini: sistem Windows 7, versi Vue 2.9.6, komputer DELL G3
Bagaimana vuejs menghalang permintaan berulang?
VUE menghalang berbilang klik dan permintaan berulang
1 Tambah fail tersuai preventReClick.js
import Vue from 'vue' const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEventListener('click', () => { if (!el.disabled) { el.disabled = true setTimeout(() => { el.disabled = false }, binding.value || 3000) } }) } }); export { preventReClick }
<.>2. Rujukan
import preventReClick from './store/preventReClick' //防多次点击,重复提交dalam main.js 3. Tambah v-preventReClick pada butang
<el-button class="common-button" size="small" type="primary" @click="handleSave('form')" v-preventReClick>保 存</el-button>Disyorkan: "
Pilihan tutorial video 5 vue.js terkini"
Atas ialah kandungan terperinci Bagaimana untuk mengelakkan permintaan pendua dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!