vue 事件中的 native

2021-08-14 00:26:09 字數 685 閱讀 9190

.native是什麼?

.native - 監聽元件根元素的原生事件。

主要是給自定義的元件新增原生事件。

例子 給普通的標籤加事件,然後加native是無效的

lang="en">

charset="utf-8">

documenttitle>

head>

按鈕button>

div>

src='vue.js'>

script>

new vue(,

methods:}})

script>

body>

html>

onclick事件不會觸發!

lang="en">

charset="utf-8">

documenttitle>

head>

按鈕card>

div>

src='vue.js'>

script>

vue.component('card',)

new vue(,

methods:}}

})script>

body>

html>

總結: .native - 主要是給自定義的元件新增原生事件。

vue中的事件

用v on 繫結事件 v on click mouseover 簡寫形式 click 推薦事件物件 click show event 事件冒泡 阻止冒泡 a ev.cancelbubble true b click.stop 推薦預設行為 預設事件 阻止預設行為 a ev.preventdefaul...

vue之 native修飾符

native修飾符就是用來註冊元素的原生事件而不是元件自定義事件的 比如 自定義button.vue元件 template button type button click clickhandler slot button template export default 引用button.vue元件...

vue中的滑鼠移動事件

專案需求要在首頁判斷滑鼠是否移動到頁面最右邊,然後浮現兩個可操作的圖示 第一想法就是 試了一下果然可以 由於是要到頁面最右邊的時候才要求觸發事件,於是就用了 var width window.innerwidth document.documentelement.clientwidth docume...