Rumah  >  Artikel  >  hujung hadapan web  >  Apakah acara tumpuan yang hilang dalam vuejs

Apakah acara tumpuan yang hilang dalam vuejs

青灯夜游
青灯夜游asal
2021-09-27 19:28:4611304semak imbas

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>

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!

Kenyataan:
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
Artikel sebelumnya:Adakah vuejs API?Artikel seterusnya:Adakah vuejs API?