在写 table 时,tr 标签用组件包裹,尽管页面上显示进去,然而代码是有问题的,tr 标签跑到 table 标签里面去了,与 table 标签并列
<div id="app">
<table>
<row></row>
</table>
</div>
<script>
Vue.component("row", {template: `<tr><td>test</td></tr>`});
解决办法:
改成用 is 属性包裹,不必 is 属性会被认为是特定标签内的有效内容
<tr is="row"></tr>
相干内容查阅官网文档:
解析 DOM 模板注意事项