vue之限制标签ul ol table等使用

有些组合标签在vue下使用是有限制的比如：ul->li, table->tr-th, table-tr-td为什么有限制目前我能力有限也不了解，现在会使用就行，嘤嘤嘤上代码：<!DOCTYPE html><html><head><meta charset="UT

故事迷人眼

3063人浏览 · 2018-04-08 09:28:50

故事迷人眼 · 2018-04-08 09:28:50 发布

有些组合标签在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官方是没有写可能会存在一些问题吧，我是红领巾还是正常带</标签>使用吧

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^