vue 如何給封裝好的元件加click事件

因為開發用到了iview等元件庫，發現封裝好的元件直接只用@click是無效的，所以解決了一下

根據vue2.0官方文件關於父子元件通訊的原則，父元件通過prop傳遞資料給子元件，子元件觸發事件給父元件。但父元件想在子元件上監聽自己的click的話，需要加上native修飾符

"horizontal" theme=

"dark"
:active-name=
"$route.path"
>
"/" to=
"/" @click.native=
"handclick(1)"
>我的專案<
/menuitem>

諸如此類元件，都是需要加@click.native才能觸發

等同於在自元件中：

子元件內部處理click事件然後向外傳送click事件：$emit(「click」.fn)

給普通的標籤加事件，然後加native是無效的

vue 元件的封裝

首先封裝元件的需求肯定是多個地方要用到同乙個東西，他們都有公共的地方，vue的封裝 簡單來說就是將公共引數封裝起來 然後在需要的地方引入 子元件封裝 background background align right current change currentchange size change ...

如何將封裝好的元件發布到npm上

今天我們向大佬學習，走一波大佬的路 簡單的目錄結構 通過npm init命令，建立package檔案 name vue component button version 0.0.2 description vue component button demo main dist index.js sc...

vue2 0 如何自定義元件（vue元件的封裝）

一 前言 之前的部落格聊過 vue2.0和react的技術選型 聊過vue的axios封裝和vuex使用。今天簡單聊聊 vue 元件的封裝。vue 的ui框架現在是很多的，但是鑑於移動裝置的複雜性，相容性問題突出。像 mint ui 等說實話已經很不錯了，但是坑也是不少，而且專案中很多功能僅憑這些也...