关于vue.js:vue学习笔记is属性使用

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理