element-ui的回呼函數Events的用法

來源:互聯網
上載者:User

標籤:key   組件   fun   回調   就會   eve   代碼   src   運行   

做輪播的時候想用這個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的用法

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.