element-ui的回調(diào)函數(shù)Events的用法詳解
做輪播的時(shí)候想用這個(gè)change回調(diào)函數(shù),但是官方文檔上竟然就只列了這么一行東西,完全沒有示例代碼(也可能我沒找到哈)
鼓搗了半天,東拼西湊終于找到了靠譜的使用方法,其實(shí)很簡(jiǎn)單
在輪播組件上加上@change=“XXX”
比如
<el-carousel indicator-position="none" arrow="never" height="550px" style="width:1300px" @change="carouselChange">
@change就是官方定義的事件名稱,XXX就是你自己定義的方法名,觸發(fā)change事件時(shí)就會(huì)調(diào)用你定義的方法,
而方法中自己定義的參數(shù)key1和key2則對(duì)應(yīng)官方定義的回調(diào)參數(shù)(目前激活的幻燈片的索引和原幻燈片的索引)
methods: { carouselChange: function(key1, key2) { console.log(key1 + ",,,*," + key2); } }
運(yùn)行看下效果
成功的觸發(fā)了函數(shù),并且獲取到了兩個(gè)回調(diào)參數(shù)
總結(jié)
以上所述是小編給大家介紹的element-ui的回調(diào)函數(shù)Events的用法詳解,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
JS實(shí)現(xiàn)自適應(yīng)高度表單文本框的方法
這篇文章主要介紹了JS實(shí)現(xiàn)自適應(yīng)高度表單文本框的方法,實(shí)例分析了針對(duì)IE內(nèi)核與非IE內(nèi)核下的javascript控制文本框樣式的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02uniapp插件uview下表單無法動(dòng)態(tài)校驗(yàn)的問題解決
最近項(xiàng)目中用到了uview?在做表單時(shí)用到了校驗(yàn),發(fā)現(xiàn)校驗(yàn)不友好的結(jié)果,下面這篇文章主要給大家介紹了關(guān)于uniapp插件uview下表單無法動(dòng)態(tài)校驗(yàn)的問題解決,需要的朋友可以參考下2022-12-12layui監(jiān)聽select變化,以及設(shè)置radio選中的方法
今天小編就為大家分享一篇layui監(jiān)聽select變化,以及設(shè)置radio選中的方法,具有好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09disable-devtool禁用web開發(fā)者工具保護(hù)網(wǎng)頁源碼
這篇文章主要為大家介紹了disable-devtool禁用web開發(fā)者工具保護(hù)網(wǎng)頁源碼的使用,防止源碼泄露保護(hù)網(wǎng)站源碼的最佳解決方案,一行代碼就可以搞定,有需要的可以學(xué)習(xí)參考下2023-11-11JavaScript時(shí)間格式化函數(shù)功能及使用示例
這篇文章主要為大家介紹了JavaScript時(shí)間格式化函數(shù)功能及使用示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11Area 區(qū)域?qū)崿F(xiàn)post提交數(shù)據(jù)的js寫法
這篇文章主要介紹了在Area區(qū)域的里 實(shí)現(xiàn)post 提交數(shù)據(jù) 的js寫法,需要的朋友可以參考下2014-04-04JavaScript隱式類型轉(zhuǎn)換例子總結(jié)
這篇文章主要介紹了JavaScript隱式類型轉(zhuǎn)換例子總結(jié),熟練掌握類型轉(zhuǎn)換,理解其中的規(guī)律??梢宰屇愕拇a更簡(jiǎn)潔更安全,下文圍繞主題JS隱式轉(zhuǎn)換,需要的朋友可以參考一下2022-08-08