乐趣区

关于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 模板注意事项

退出移动版