提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

vue.js具名插槽

VueJS 插槽
2023-09-27 14:22:47 时间 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="author" content="xiaonaihu" />
		<meta name="generator" content="HBuilder X" />
		<title>具名插槽</title>
		<script src="../../lib/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<cpn>
				<span slot="center">Middle</span>
			</cpn>
		</div>
		<template id="cpn">
			<div>
				<slot name = "left">
					<span>Left</span>
				</slot>
				<slot name = "center">
					<span>Center</span>
				</slot>
				<slot name = "right">
					<span>Right</span>
				</slot>
			</div>
		</template>
	</body>
</html>

相关文章