Vant Weapp小程序蹲坑之事件名稱問題及解決方案

Vant Weapp 是有贊移動端組件庫 Vant 的小程序版本，二者基於相同的視覺規範，提供一致的 API 接口，助力開發者快速搭建小程序應用。值得褒獎的是，Vant Weapp 組件庫更新很是迅速，平均每10天左右提交一個小版本的更新，至今最新的版本爲0.5.5。

問題

可是，讓人很有遺憾的是，其提供的6大類共37個組件中，有四個組件的事件命名存在問題，即下圖中加紅色底紋的四個：

解決辦法

在上述四個組件中部分事件命名中使用了減號，致使實際使用中這些事件看起來不起做用。

具體地說：

---

（1）組件tree-select

有兩個事件，分別命名爲click-item和click-nav。建議修改成clickItem和clickNav，改動的文件名是對應此組件子文件夾下的index.js文件。以下所示：

（2）field組件

相似上面，待修改代碼行是：

this.$emit('click-icon');

建議修改成:

this.$emit('clickIcon’);

（3）popup組件

待修改click-overlay事件

（4）nav-bar組件

待修改click-left事件和click-right事件

上述各組件的上面幾個事件，都可在對應的index.js文件中修改，保存便可使用。

補充

若是開發公司不斷跟進vant weapp組件庫的更新版本，則使用上述方案的話，您只能每次使用前都要做上述相應修改，有些麻煩了。但願有贊公司有關技術人員可以給出統一的解決辦法爲最合適。