vue想要实现输入框中输入数字,DOM循环出输入数字的个数

vue想要实现输入框中输入数字,DOM循环出输入数字的个数
简单的布局代码

<input type="number" v-model="desc" value="desc">
<h1 v-for="(item,index) of desc" :key="index">
  {{ msg }}
</h1>

data数据,默认传个5

 msg: 'Wel',
 desc: 5

页面展示,循环出正常的5个dom
clipboard.png

但是修改输入框中的数字会按照desc.length来判断,如下图

clipboard.png
所以想请教一下大佬这样的话需要怎么改能不能实现 描述不够清楚的可以评论留言 谢谢 !!

阅读 2.7k
2 个回答

<h1 v-for="(item,index) in +desc">
    {{ msg }}
</h1>

这么写,input获取到的值貌似不对,是字符串类型的,循环的地方转换下就好了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题