element-ui的回調(diào)函數(shù)Events的用法詳解
更新時間：2018年10月16日 14:23:05 作者：全菜程序員
這篇文章主要介紹了element-ui的回調(diào)函數(shù)Events的用法，本文通過實例代碼給大家介紹了change回調(diào)函數(shù)的使用方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
做輪播的時候想用這個change回調(diào)函數(shù)，但是官方文檔上竟然就只列了這么一行東西，完全沒有示例代碼（也可能我沒找到哈）
鼓搗了半天，東拼西湊終于找到了靠譜的使用方法，其實很簡單
在輪播組件上加上@change=“XXX”
比如
<el-carousel indicator-position="none" arrow="never" height="550px" style="width:1300px" @change="carouselChange">
@change就是官方定義的事件名稱，XXX就是你自己定義的方法名，觸發(fā)change事件時就會調(diào)用你定義的方法，
而方法中自己定義的參數(shù)key1和key2則對應(yīng)官方定義的回調(diào)參數(shù)（目前激活的幻燈片的索引和原幻燈片的索引）
methods: {
carouselChange: function(key1, key2) {
console.log(key1 + ",,,*," + key2);
}
}
運行看下效果
成功的觸發(fā)了函數(shù)，并且獲取到了兩個回調(diào)參數(shù)
總結(jié)
以上所述是小編給大家介紹的element-ui的回調(diào)函數(shù)Events的用法詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
多個jquery.datatable共存,checkbox全選異常的快速解決方法
這篇文章主要介紹了多個jquery.datatable共存,checkbox全選異常的快速解決方法。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
???是一個非常有用的運算符,特別適合在需要區(qū)分?null/undefined?和其他假值的場景中使用,它可以幫助你更精確地處理默認值邏輯,本文給大家介紹js中??是什么意思,感興趣的朋友一起看看吧2025-04-04
這篇文章主要為大家詳細介紹了js實現(xiàn)錄音上傳功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
JavaScript實現(xiàn)基于十進制的四舍五入實例
這篇文章主要介紹了JavaScript實現(xiàn)基于十進制的四舍五入的方法,實例分析了javascript針對數(shù)值判斷與相關(guān)運算技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
JavaScript setTimeout和setInterval的使用方法 說明
兩個函數(shù)都是可以用來實現(xiàn)一段時間后執(zhí)行一段javascript代碼的效果。兩個函數(shù)都有兩個參數(shù)，前面的都是執(zhí)行表達式，后面的是隔的秒數(shù)。2010-03-03
眾所周知，JavaScript沒有塊級作用域，只有函數(shù)作用域。那就意味著定義在函數(shù)中的參數(shù)和變量在函數(shù)外部是不可見的，而在一個函數(shù)內(nèi)部任何位置定義的變量，在該函數(shù)內(nèi)部任何地方都可見2014-04-04
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)同時上傳多張圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要介紹了JS實現(xiàn)模仿微博發(fā)布效果實例代碼，有需要的朋友可以參考一下2013-12-12
本文主要對自動生成博客目錄的具體實現(xiàn)方法進行介紹，需要的朋友可以看看2016-12-12
CodeMirror2 IE7/IE8 下面未知運行時錯誤的解決方法
最近用CodeMirror2作后臺的模板編輯器，在IE9、Firefox下面沒有問題。到了IE7、IE8下面，textarea里面的代碼就顯示不出來了。搜索了好多，終于找到原因2012-03-03