Question

vue动态渲染表格问题

vue动态渲染表格问题<tr v-for="n in num.rowNum">
<td v-for="n in num.colNum"></td>
</tr>
为什么渲染不出来啊
我如果把那两个参数换成实际的数字就可以，但是我的要求是点击按钮的时候获取输入框里面的两点数字以便来生成几行几列这个要求

Answer 1

请问console里面有vue的报错提示吗？如果有的话方便贴出来吗谢谢。

追问

问题是不报错啊，浏览器一打开这个表格已经加载好了，根本不受点击事件控制啊

原始表格的数据是0行0列，我在点击事件里面改变的表格行列，可是这个表格加载好了就不变了

我要的效果是输入两个数字，点击然后生成对应行列的表格

追答

v-model给input输入框双向绑定，大致是这样望采纳谢谢。

var vm = new Vue({
data: {
row: 0,
col: 0
}
});

追问

我试过，不管用，也是初始可以，改动后不管用

不管怎么改，行列均变成了1

突然一个机灵。是因为v-model绑定的是字符串，我转型成number就可以了

谢谢你