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


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

運行看下效果

成功的觸發了函數,並且獲取到了兩個回調參數


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM