el-carousel interval=4000 type=card height=400px el-carousel-item v-for=item in 6 key=item img src=assetsimg1img_1png alt= el-carousel-item el-carousel修改改elementpl
要让el-carousel可以访问静态资源并实现轮播图,可以使用组合式API的方式进行修改。
首先,需要在Vue的setup函数中引入静态资源。可以使用import语句引入静态资源,并将其作为变量导出。
import img1 from '../../assets/img1/img_1.png';
export default {
setup() {
return {
img1
};
}
};
接下来,在el-carousel中使用img1变量来显示图片。
<template>
<el-carousel :interval="4000" type="card" height="400px">
<el-carousel-item v-for="item in 6" :key="item">
<img :src="img1" alt="" />
</el-carousel-item>
</el-carousel>
</template>
这样就可以访问静态资源并实现轮播图了。注意要根据实际的静态资源路径进行引入和使用
原文地址: http://www.cveoy.top/t/topic/iTkJ 著作权归作者所有。请勿转载和采集!