element el-carousel-item 无法显示问题解决

最新推荐文章于 2025-03-31 23:01:53 发布

王蛋挞

最新推荐文章于 2025-03-31 23:01:53 发布

阅读量2.5k

点赞数 4

分类专栏： element 文章标签： elementui vue.js javascript

本文链接：https://blog.youkuaiyun.com/m0_60602811/article/details/125338477

版权

element 专栏收录该内容

2 篇文章

订阅专栏

不显示图片或者只显示图片的url，解决方法就是用require url来表示：

file:

<div>
   <el-carousel :interval="5000" arrow="always" style="height:450px">
     <el-carousel-item v-for="item in arraye" :key="item"  style="height:450px">
          <img v-bind:src="item.url" alt="">
     </el-carousel-item>
    </el-carousel>
</div>

解决方法：

 return {
       arraye:[
          {url:require('../../assets/images/juren9.jpg')},
          {url:require('../../assets/images/juren12.jpg')},
       ],
 }