实现思路
用拼接字符串的方式将要插入table标签中的tr标签和th标签拼接,并用innerHTML插入到页面中。
实时监控使用了vue中的watch对象来监听行数和列数的变化。
table标签的使用
(摘自W3School,HTML <table>标签)
table 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
比如
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
得到的效果为