2022
06-10
06-10
JavaScript--在Vue中使用插槽:slot
目录在Vue中使用插槽：slot作用域插槽：使用template标签包裹总结在Vue中使用插槽：slot1、在子组件的template里可以直接使用slot标签<slot></slot>，它可以显示父组件向子组件插入的内容。2、slot标签里面可以写一些默认值，当父组件没有插入内容的时候它就会显示默认值，插入内容时就只显示插入的内容。3、当使用多个slot标签时，直接插入多个内容时，每个slot标签内都会包括所有插入的内容。可以通过slot属性给插入的不同内容设...
继续阅读 >
1、slot作用/概念：预先将将来要使用的内容进行保留；2、具名插槽：给slot起个名字3、slot、slot-scope已经被废弃推荐使用vue2.6.0中的v-slot；但是这边还是对新旧方法对做一下使用说明。slot插槽(不具名)<body><divid="app"><Test><div>slot插槽占位内容</div></Test></div><templateid="test"><div><slot></slot>//定义插槽<h3>这里是test组件</h3></div></template></body><script>Vue.component('Tes...