dandy_lu 2021-12-29 10:17 采纳率: 55.6%
浏览 76
已结题

input框里面的数值动态生成列表

当我要达到下面这种效果用什么会好一些,可以又时间轴吗,如果用时间轴应该怎么实现呢

img

  • 写回答

4条回答 默认 最新

  • 你好!机器人 2021-12-31 13:40
    关注

    img

    
    <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>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 1月8日
  • 已采纳回答 12月31日
  • 创建了问题 12月29日