Apakah acara tumpuan yang hilang dalam vuejs

青灯夜游
Lepaskan: 2023-01-11 09:22:41
asal
11312 orang telah melayarinya

Acara fokus yang hilang dalam vuejs ialah "@blur". bind the event , hanya gunakan JavaScript untuk menetapkan kod yang perlu dilaksanakan apabila acara dicetuskan.

Apakah acara tumpuan yang hilang dalam vuejs

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

@blur ialah peristiwa yang dicetuskan apabila elemen kehilangan fokus

@focus ialah peristiwa yang dicetuskan apabila elemen mendapat fokus

Contoh:

 <template>
  <div>
    <!--
    @blur 当元素失去焦点时触发blur事件
    -->
    <div>
      <input type="text" placeholder="请输入内容" @blur="blurText"/>
    </div>
 
  </div>
</template>
 
<script>
    export default {
      name: "commitText",
      methods:{
        blurText(){
          console.log("blur事件被执行了")
        }
      }
    }
</script>
 
<style scoped>
 
</style>
Salin selepas log masuk

Cadangan berkaitan: "tutorial vue.js"

Atas ialah kandungan terperinci Apakah acara tumpuan yang hilang dalam vuejs. 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