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
所以想请教一下大佬这样的话需要怎么改能不能实现 描述不够清楚的可以评论留言 谢谢 !!

回答:


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

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

回答:

of=>in

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注