Vue native繫結原生事件

首先介紹一下是什麼意思：

意思就是當你給乙個vue元件繫結事件時候，要加上native！如果是普通的html元素！就不需要

<

div 
id >
<
my-component 
@click
="i_said"
>
my-component
>
div>
vue.component('my-component', )
new vue(
}})

這樣在元件上新增事件是沒有效果的,如果是普通的html標籤當然沒問題比如

<

div 
id >
<
button 
@click
="i_said"
>點選我
button
>
div>
new vue(
}})

這樣肯定沒問題,

元件上新增自定義事件也沒問題比如

<

div 
id >
<
my-component 
@say
="i_said"
>
my-component
>
div>
vue.component("my-component", 
}})new vue(
}})

這樣也完全沒有問題也直接彈出「hello world」

但是元件要新增原生事件需要加上.native 才會生效

1

<
div 
id >
2<
my-component 
@click.native
="i_said"
>
my-component
>
3div
>45
vue.component('my-component', )89
new vue(15}
16 })

這樣就能執行了！

給元件繫結原生事件

元件上繫結原生事件 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基礎結構 root child div vue.component child var vm newvue script body 在元件上繫結事件時 root handleclick child div vue.component child var vm newvue script bod...