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

Pengubah suai yang biasa digunakan dalam vue

下次还敢
Lepaskan: 2024-05-08 16:27:20
asal
975 orang telah melayarinya

Pengubah suai yang biasa digunakan dalam Vue.js

Pengubah suai ialah akhiran khas yang digunakan dalam Vue.js untuk mengubah suai tingkah laku arahan. Ia boleh ditambah pada penghujung arahan untuk menentukan fungsi tambahan.

Pengubah suai yang biasa digunakan:

1 .malas

  • Melengahkan pelaksanaan arahan sehingga elemen memasuki DOM.
  • Penggunaan: v-model.lazy, v-if.lazyv-model.lazyv-if.lazy

2. .memo

  • 缓存指令的计算结果,防止在后续渲染中重复计算。
  • 用法: v-bind:class.memo

3. .number

  • 将表达式强制转换为数字,用于数字输入。
  • 用法: v-model.number

4. .trim

  • 修剪输入值中的空格。
  • 用法: v-model.trim

5. .prevent

  • 阻止事件的默认行为。
  • 用法: v-on:click.prevent

6. .stop

  • 阻止事件冒泡。
  • 用法: v-on:click.stop

7. .once

  • 只执行指令一次。
  • 用法: v-on:click.once

8. .self

  • 仅在当前元素上触发事件处理函数。
  • 用法: v-on:click.self

9. .capture

  • 在事件捕获阶段触发事件处理函数。
  • 用法: v-on:click.capture

10. .enter

  • 在元素进入 DOM 时触发事件处理函数。
  • 用法: v-transition:enter

11. .leave

  • 在元素离开 DOM 时触发事件处理函数。
  • 用法: v-transition:leave
🎜2.memo🎜🎜🎜🎜mencache hasil pengiraan arahan. untuk mengelakkan Ulangi pengiraan pada pemaparan berikutnya. 🎜🎜🎜Penggunaan: 🎜 v-bind:class.memo🎜🎜🎜🎜3 .number🎜🎜🎜🎜 Paksa ungkapan ke nombor untuk input angka. 🎜🎜🎜Penggunaan: 🎜 v-model.number🎜🎜🎜🎜4 .trim🎜🎜🎜🎜Pangkas ruang dalam nilai input. 🎜🎜🎜Penggunaan: 🎜 v-model.trim🎜🎜🎜🎜5 .mencegah🎜🎜🎜🎜Tingkah laku lalai untuk menghalang kejadian. 🎜🎜🎜Penggunaan: 🎜 v-on:click.prevent🎜🎜🎜🎜6 .stop🎜🎜🎜🎜Cegah acara menggelegak. 🎜🎜🎜Penggunaan: 🎜 v-on:click.stop🎜🎜🎜🎜7 .sekali🎜🎜🎜🎜Laksanakan arahan sekali sahaja. 🎜🎜🎜Penggunaan: 🎜 v-on:click.sekali🎜🎜🎜🎜8 .self🎜🎜🎜🎜Cetus pengendali acara hanya pada elemen semasa. 🎜🎜🎜Penggunaan: 🎜 v-on:click.self🎜🎜🎜🎜9 .capture🎜🎜🎜🎜 mencetuskan pengendali acara dalam fasa tangkapan acara. 🎜🎜🎜Penggunaan: 🎜 v-on:click.capture🎜🎜🎜🎜10 .enter🎜🎜🎜🎜 mencetuskan pengendali acara apabila elemen memasuki DOM. 🎜🎜🎜Penggunaan: 🎜 v-transition:enter🎜🎜🎜🎜11 .leave🎜🎜🎜🎜 mencetuskan pengendali acara apabila elemen meninggalkan DOM. 🎜🎜🎜Penggunaan: 🎜 v-transition: leave🎜🎜

Atas ialah kandungan terperinci Pengubah suai yang biasa digunakan dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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