vue的模板代码

谁都不许动我的砖

已于 2023-03-28 18:55:33 修改

阅读量443

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

于 2023-03-28 18:43:36 首次发布

本文链接：https://blog.csdn.net/qq_41966009/article/details/129822188

版权

本文介绍了如何在Vue.js中使用for循环创建轮播图，并结合axios进行数据绑定，详细阐述了每个步骤和技术点。

摘要由CSDN通过智能技术生成

1.含for循环+轮播图+axios绑定

<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>test</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  </head>

<style>
    .el-col {
      border-radius: 4px;
    }
    .grid-content {
      border-radius: 4px;
      min-height: 36px;
    }

    .el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }
  
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .