給元件繫結原生事件

2022-08-31 16:30:31 字數 975 閱讀 4263

元件上繫結原生事件:

1.在父元件繫結事件(@click.native="handle")

2.在vue例項中的methods定義事件函式

<

body

>

<

div

id="root"

>

<

child

@click.native

="handleclick"

>

child

>

div>

<

script

>

vue.component(

'child',)

varvm

=new

vue(}})

script

>

body

>

傳統方法繫結事件:

1.在子元件上繫結事件

2.在子元件的methods設定相應的事件函式(原生事件),

將自定義事件通過this.$emit("事件名")傳遞給父元件。

3.在父元件上繫結從子元件methods函式中傳來的自定義事件。

4.在父元件methods中設定對應的事件函式。

<

body

>

<

div

id="root"

>

<

child

@click

="handleclick"

>

child

>

div>

<

script

>

vue.component(

'child',}})

varvm

=new

vue(}})

script

>

body

>

Vue 給元件繫結原生事件

給元件繫結原生事件的兩種實現方法宣告乙個元件 var child 使用元件並且繫結事件 click handleclick child 事件方法實現 methods 宣告乙個元件 var child 使用元件並且繫結事件 click handleclick child 事件方法實現 methods ...

在元件上繫結原生事件

vue基礎結構 root child div vue.component child var vm newvue script body 在元件上繫結事件時 root handleclick child div vue.component child var vm newvue script bod...

Vue native繫結原生事件

首先介紹一下是什麼意思 意思就是當你給乙個vue元件繫結事件時候,要加上native!如果是普通的html元素!就不需要 div id my component click i said my component div vue.component my component new vue 這樣在元...