element-ui的回調(diào)函數(shù)Events的用法詳解
做輪播的時候想用這個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的用法詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
uniapp插件uview下表單無法動態(tài)校驗的問題解決
最近項目中用到了uview?在做表單時用到了校驗,發(fā)現(xiàn)校驗不友好的結(jié)果,下面這篇文章主要給大家介紹了關(guān)于uniapp插件uview下表單無法動態(tài)校驗的問題解決,需要的朋友可以參考下2022-12-12layui監(jiān)聽select變化,以及設(shè)置radio選中的方法
今天小編就為大家分享一篇layui監(jiān)聽select變化,以及設(shè)置radio選中的方法,具有好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09disable-devtool禁用web開發(fā)者工具保護網(wǎng)頁源碼
這篇文章主要為大家介紹了disable-devtool禁用web開發(fā)者工具保護網(wǎng)頁源碼的使用,防止源碼泄露保護網(wǎng)站源碼的最佳解決方案,一行代碼就可以搞定,有需要的可以學(xué)習(xí)參考下2023-11-11Area 區(qū)域?qū)崿F(xiàn)post提交數(shù)據(jù)的js寫法
這篇文章主要介紹了在Area區(qū)域的里 實現(xiàn)post 提交數(shù)據(jù) 的js寫法,需要的朋友可以參考下2014-04-04JavaScript隱式類型轉(zhuǎn)換例子總結(jié)
這篇文章主要介紹了JavaScript隱式類型轉(zhuǎn)換例子總結(jié),熟練掌握類型轉(zhuǎn)換,理解其中的規(guī)律??梢宰屇愕拇a更簡潔更安全,下文圍繞主題JS隱式轉(zhuǎn)換,需要的朋友可以參考一下2022-08-08