要让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>

这样就可以访问静态资源并实现轮播图了。注意要根据实际的静态资源路径进行引入和使用

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

原文地址: http://www.cveoy.top/t/topic/iTkJ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录