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

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

• 点赞
• 收藏
• 分享
• 文章举报