文档中这样说:
在自定义组件中使用这些受限制的元素时会导致一些问题,例如:
<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>外部了,表面看上去一样,实际是不一样的
相关分类