城市分类信息网站系统,佛山当地网站建设公司,wordpress插件分享显示图片,wordpress仿知乎插槽的最最简单使用#xff0c;上面已有例子#xff0c;这里就不写了#xff0c;接下来看看#xff0c;插槽其他使用场景
插槽的使用 - 具名插槽
描述#xff1a;具名插槽其实就是给插槽娶个名字。一个子组件可以放多个插槽#xff0c;而且可以放在不同的地方#xff…插槽的最最简单使用上面已有例子这里就不写了接下来看看插槽其他使用场景
插槽的使用 - 具名插槽
描述具名插槽其实就是给插槽娶个名字。一个子组件可以放多个插槽而且可以放在不同的地方而父组件填充内容时可以根据这个名字把内容填充到对应插槽中。
如下代码
1. 子组件的代码设置了两个插槽(header和footer) 2. 父组件填充内容, 父组件通过 v-slot:[name] 的方式指定到对应的插槽中 3.展示的效果 接下来再来看看父组件中填充内容的时候顺序调换下看下能不能内容能不能对应上
1. 子组件代码不变父组件代码中填充顺序调换下(如图在父组件中footer 和 header 的填充位置对换) 2. 展示的效果 由此看出即使父组件对插槽的填充的顺序打乱只要名字对应上了就可以正确渲染到对应的插槽中。即 父组件填充内容时是可以根据这个名字把内容填充到对应插槽中的
