vue 组件的小问题 --- <table>><tbody>><tr> 在页面中显示错乱的问题解决

is 解决多个具体小 bug

<table> tbody > tr 必须是这么写的。但是在 Vue中你写一个<row>的子组件之后放到 tbody 标签里面之后会在页面出现错乱，<row> 并没有包裹在table中，那么我们应该怎么办呢？ 方法就是在 正常写 <tr is="row"></tr> 在 tr中加入 is="row" 告诉浏览器 tr 就是 row .

<div id="app">
        <table>
            <tbody>
                <tr is="row"></tr>
                <tr is="row"></tr>
                <tr is="row"></tr>
                <!-- <ul>
                    <li is="row"></li>
                </ul> -->

            </tbody>
        </table>
    </div>
	
	Vue.component('row', {
            template: '<tr><td>this is a row</td></tr>'
        })
        var vm = new Vue({
            el: "#app"
        })
		```
类似的问题还有  ul> li  , ol> li , select> option 等一些同样的问题参考上述解决方案

转载于:https://my.oschina.net/u/3520255/blog/3025328