在写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模板注意事项