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

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日

悬赏问题

  • ¥15 在ISIS中什么是IP从地址
  • ¥15 压测时,并发量过高时,响应时间出现尖刺
  • ¥15 关于vmprotect3.8.4虚拟文件一项
  • ¥15 在不用IT调试的情况下怎样能连外网
  • ¥20 C#调用虚拟键盘TabTip.exe
  • ¥15 Qt4代码实现下面的界面
  • ¥15 CCS离散化传递函数与仿真不一致
  • ¥15 prism提示我reinstall prism 如何解决
  • ¥15 asp.core 权限控制怎么做,需要控制到每个方法
  • ¥20 while循环中OLED显示中断中的数据不正确