猿问

vue官方文档中的自定义组件在特殊环境下仍会被成功解析?

文档中这样说:

在自定义组件中使用这些受限制的元素时会导致一些问题,例如:

<table> <my-row>...</my-row> </table> 
自定义组件 <my-row>
被认为是无效的内容,因此在渲染的时候会导致错误。变通的方案是使用特殊的 is 属性

但在实际试用中,发现这样写是仍会被正确解析的:

<div id="example">

    <table>

        <my-row></my-row>

    </table>

</div>

var Myrow = {

    template: '<span>没有使用is属性也能显示</span>'

}

var example = new Vue({

    el: '#example',

    components: {

        'my-row': Myrow

    }

})

效果:

没有使用is属性也能显示

是我哪里写得不对,阴差阳错撞上了?
修改:
确实是没有正确渲染,我看错了
DOM结构不对,<span>被解析到<table>外部了,表面看上去一样,实际是不一样的


红颜莎娜
浏览 389回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答