加入插槽为啥全都不显示了 也不报错
来源：4-6 在Vue中使用插槽
superzmb
2018-08-12
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>slot</title>
<script src="../vue.min.js"></script>
</head>
<body>
<div id="root">
<child>
<h1 class="header" slot='header'>header</h1>
<p class="footer" slot='footer'>footer</p>
</child>
</div>
</body>
<script>
Vue.component('child',{
template:'<div><slot>default header</slot><p>content</p><slot></slot></div>'
});
new Vue({
el: '#root'
})
</script>
</html>
写回答
2回答
-
sgo3
2020-06-04
模版里面的slot插槽加入name属性就可以显示了
<!DOCTYPE html> <html> <head> <title>slot</title> <meta charset="utf-8"> </head> <body> <div id="app"> <child> <h1 class="header" slot='header'>header</h1> <p class="footer" slot='footer'>footer</p> </child> </div> </div> <script src="vue.js"></script> <script> Vue.component('child',{ template:` <div> <slot name="header">default header</slot> <p>content</p> <slot name="footer"></slot> </div> ` }) var vm = new Vue({ el: '#app' }) </script> </body> </html>00 -
Dell
2018-08-12
删掉一个slot看下
00
相似问题
swiper的背景色不显示
回答 3
页面突然不显示了
回答 1