Element-ui使用说明

1,608 阅读1分钟

在vue项目中使用element-ui的一些组件时想要修改属性时:

这里以走马灯为例,如果组件类型为number和boolean类型,则要使用`:interval=300`(这里是设置自动切换时长),
如果为string则使用`autoplay='auto'`(这里是设置是否自动切换)

<!-- 轮播图 -->
<div class="block">
  <el-carousel height="150px" :interval=3000 indicator-position="none" :autoplay="true">
    <el-carousel-item v-for="(item,i) in imgs" :key="i">
      <img :src="item.img">
    </el-carousel-item>
  </el-carousel>
</div>

<script>
    export default {
      name: "homeIndex",
      data(){
          return {
              msg:"this is my first vue.app",
              imgs:[
                {img: require('../assets/3.png')},//引入静态文件使用require();
                {img: require('../assets/6.png')},
                {img: require('../assets/9.png')}
              ]
          }
      }
    }
</script>