Vue3 Element Plus 轮播图组件代码示例：使用 ref 和 function 定义

<template>
  <el-carousel :interval='interval()'>
    <el-carousel-item v-for='(item, index) in list' :key='index'>
      <img :src='item.src' alt=''>
    </el-carousel-item>
  </el-carousel>
</template>

<script setup>
import { ref } from 'vue'
import { ElCarousel, ElCarouselItem } from 'element-plus'

const list = ref([
  { src: 'https://picsum.photos/800/400?random=1' },
  { src: 'https://picsum.photos/800/400?random=2' },
  { src: 'https://picsum.photos/800/400?random=3' },
  { src: 'https://picsum.photos/800/400?random=4' },
])

function interval() {
  return 5000
}

export default {
  components: { ElCarousel, ElCarouselItem },
  setup() {
    return {
      list,
      interval,
    }
  },
}
</script>