有些组合标签在vue下使用是有限制的 比如：ul->li, table->tr-th, table-tr-td
为什么有限制目前我能力有限也不了解，现在会使用就行，嘤嘤嘤
上代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>vue之限制标签使用</title>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<div id="app">
<table border="" cellspacing="" cellpadding="">
<tr>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
</tr>
<tr>
<td>上午</td>
<td>上午</td>
<td>上午</td>
<td>上午</td>
<td>上午</td>
</tr>
<tr>
<td>下午</td>
<td>下午</td>
<td is="my-table"></td>
<td>下午</td>
<td>下午</td>
</tr>
</table>
</div>
</body>
<script type="text/javascript">
//声明
var hello = {
template :"<td>我是table</td>"
}
var app = new Vue({
el: "#app",
components:{
'my-table':hello
}
})
</script>
<style type="text/css">
#app{
text-align: center;
font-size: 20px;
margin-top: 20px;
color: red;
}
</style>
</html>
我用的是局部组件，全局组件应该也是没有问题的
但是奇怪的是我在<td is="my-table"></td>这里 把</td> 换成</my-table>,</>,空，居然都可以正常显示"我是table"
vue官方是没有写 可能会存在一些问题吧， 我是红领巾还是正常带</标签>使用吧
256
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
