我们在页面里面新建一个三行的表格:
如果我们想组件化,每行row都是一个组件,试试这样写:
效果看着好像没问题,但是我们点开结构发现出错了,渲染出来的<tr>
和<td>
标签并没有被放在tbody
标签里面,而是和table
平级了:
这是因为html5规范里面,规定table标签里面的tbody下面只能放tr,然后tr里面再放td,但是我们放的是row
标签:
怎么解决:
很简单,<tbody>
下面只能放<tr>
,我们就把<row>
都改成<tr>
,但是实际上我们要渲染的是<row>
,于是我们用is
属性来指定一下:
这里is="row"
的意思就是,这里我们不能写<row>
,只能写<tr>
,但是我们写的<tr>
实际上代表<row>
。效果如下:
同理,下面这些标签也是我们要注意的:
<ul>
或者<ol>
下面一定要写<li>
<select>
标签下面一定要写<option>