在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>