当我要达到下面这种效果用什么会好一些,可以又时间轴吗,如果用时间轴应该怎么实现呢
4条回答 默认 最新
- 你好!机器人 2021-12-31 13:40关注
<template> <div> <el-input-number v-model="value" controls-position="right" @change="handleChange" :min="1" :max="10"></el-input-number> <el-timeline> <el-timeline-item>房屋基本信息</el-timeline-item> <el-timeline-item v-for="(item, index) in list" :key="index"> {{item}}{{index+1}} </el-timeline-item> </el-timeline> </div> </template> <script> export default { data () { return { value: 3, list: [] } }, created () { for (let i = 0; i < this.value; i++) { this.list.push('被征收房屋') } }, methods: { handleChange () { this.list = [] for (let i = 0; i < this.value; i++) { this.list.push('被征收房屋') } } } } </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报