做輪播的時候想用這個change回調函數,但是官方文檔上竟然就只列了這么一行東西,完全沒有示例代碼(也可能我沒找到哈)
鼓搗了半天,東拼西湊終于找到了靠譜的使用方法,其實很簡單
在輪播組件上加上@change=“XXX”
比如
<el-carousel indicator-position="none" arrow="never" height="550px" style="width:1300px" @change="carouselChange">
@change就是官方定義的事件名稱,XXX就是你自己定義的方法名,觸發change事件時就會調用你定義的方法,
而方法中自己定義的參數key1和key2則對應官方定義的回調參數(目前激活的幻燈片的索引和原幻燈片的索引)
methods: { carouselChange: function(key1, key2) { console.log(key1 + ",,,*," + key2); } }
運行看下效果
成功的觸發了函數,并且獲取到了兩個回調參數
總結
以上所述是小編給大家介紹的element-ui的回調函數Events的用法詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答