在元件上繫結原生事件

2021-10-01 10:08:04 字數 1167 閱讀 5175

vue基礎結構：



"root"


>


<


/child>


<


/div>


vue.


component


('child',)


var vm =


newvue()


<


/script>


<


/body>
在元件上繫結事件時：



"root"


>


"handleclick"


>


<


/child>


<


/div>


vue.


component


('child',)


var vm =


newvue(}


})<


/script>


<


/body>
此時繫結的是自定義事件，click事件不生效。如果要使click事件生效，應該在子元素中中向父元件傳值，使用$emit，在組建中進行事件監聽，方可生效。



"root"


>


"handleclick"


>


<


/child>


<


/div>


vue.


component


('child',}


})var vm =


newvue(}


})<


/script>


<


/body>
如不想這麼麻煩，又想在元件中直接繫結原生事件，則只要在click事件後面加.native即可實現原生事件的繫結。



"root"


>


"handleclick"


>


<


/child>


<


/div>


vue.


component


('child',)


var vm =


newvue(}


})<


/script>


<


/body>

給元件繫結原生事件

元件上繫結原生事件 1.在父元件繫結事件 click.native handle 2.在vue例項中的methods定義事件函式 body div id root child click.native handleclick child div script vue.component child ...

Vue 給元件繫結原生事件

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

Vue native繫結原生事件

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