根据数量循环的div elementUI
时间: 2023-07-04 22:09:25 浏览: 60
jquery 循环显示div的示例代码
您可以使用`v-for`指令来循环渲染一组元素,然后使用ElementUI中的`el-col`组件来实现根据数量循环的div。
以下是一个示例代码片段:
```html
<el-row>
<el-col v-for="i in count" :key="i" :span="24/count">
<div class="box">Box {{ i }}</div>
</el-col>
</el-row>
```
在上面的代码中,我们使用`v-for`指令循环渲染`el-col`组件,并使用`:span`属性将其等分为`count`份。然后,我们在每个`el-col`中渲染一个带有动态编号的`div`。
您可以将`count`替换为您需要的数量。另外,您可以根据需要自定义`box`类的样式来调整`div`的外观。
阅读全文