Rumah > hujung hadapan web > View.js > teks badan

Bagaimana untuk melumpuhkan acara perubahan dalam vue

下次还敢
Lepaskan: 2024-05-09 19:21:15
asal
1117 orang telah melayarinya

Dalam Vue, peristiwa perubahan boleh dilumpuhkan dalam lima cara berikut: gunakan pengubah suai .disabled untuk menetapkan atribut elemen disabled, gunakan arahan v-on dan preventDefault, gunakan atribut kaedah dan disableChange, gunakan v-bind arahan dan: dilumpuhkan

Bagaimana untuk melumpuhkan acara perubahan dalam vue

Cara melumpuhkan acara perubahan dalam Vue

Dalam Vue, anda boleh melumpuhkan acara perubahan dengan cara berikut:

1 2. Tetapkan atribut elemen

<code class="html"><input type="text" v-model="input" :disabled="true"></code>
Salin selepas log masuk
3 Gunakan arahan v-on

<code class="html"><input type="text" v-model="input" disabled></code>
Salin selepas log masuk
<code class="html"><input type="text" v-model="input" @change="preventDefault"></code>
Salin selepas log masuk
4. Gunakan atribut kaedah

<code class="js">preventDefault(event) {
  event.preventDefault();
}</code>
Salin selepas log masuk
<code class="html"><input type="text" v-model="input" @change="disableChange"></code>
Salin selepas log masuk

ch kaedah anda pilih bergantung pada pelaksanaan dan keutamaan tertentu.

Atas ialah kandungan terperinci Bagaimana untuk melumpuhkan acara perubahan dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
vue
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan