网友回复
slot英文就是插槽,其实就是一个占位的,
以前我们写一个组件,比如child组件,组件内部代码会默认被清空
比如<child><span>hello</span></child>,在执行的时候会被child组件内的template替换掉,那么如果我想要保留怎么办呢?就可以使用slot,示例代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Slot</title> <style type="text/css"> .panel{ width: 400px; border: 1px solid #ccc; } .panel>*{ padding: 15px; border-bottom: 1px solid #ccc; } .footer{ border: none; } </style> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1-dev.js"></script> </head> <body> ...
点击查看剩余70%