今天在使用微信小程序组件里的槽时发现,当只用一个槽并且将槽命名后,页面中调用这个槽并不会加载进来。
研究尝试后发现,如果想要使用命名的方式调用单个插槽,也需要像调用多个插槽的方式在组件/xxx。js里开启多个插槽的功能。下面看代码。
//组件
& lt;视图类=安邸北?
& lt; view>哈哈哈哈哈哈哈哈& lt;/view>
& lt;槽名称="后"祝辞& lt;/slot>
& lt;/view>//索引页面
& lt; d-slot>
& lt; !——这部分内容将被放置在组件& lt;槽name=昂蟆北?的位置上——比;
& lt;视图槽="后"在这里是插入到组件槽name=爸蟆敝械哪谌? lt;/view>
& lt;/d-slot>//结果,此时界面上不会载入槽
而当我把槽的名字删去时,槽就能成功载入
//组件
& lt;视图类=安邸北?
& lt; view>哈哈哈哈哈哈哈哈& lt;/view>
& lt; slot> & lt;/slot>
& lt;/view>//索引页面
& lt; d-slot>
& lt; !——这部分内容将被放置在组件& lt;槽name=昂蟆北?的位置上——比;
& lt; view>这里是插入到组件槽name=爸蟆敝械哪谌? lt;/view>
& lt;/d-slot>//结果,此时界面上载入插槽
之前
或者不删而去的名字是在组件js中声明启用
//component.js
组件({
选择:{
multipleSlots:真//在组件定义时的选项中启用多槽支持
},
属性:{/*……*/},
方法:{/*……*/}
}）//组件
& lt;视图类=安邸北?
& lt; view>哈哈哈哈哈哈哈哈& lt;/view>
& lt;槽名称="后"祝辞& lt;/slot>
& lt;/view>//索引页面
& lt; d-slot>
& lt; !——这部分内容将被放置在组件& lt;槽name=昂蟆北?的位置上——比;
& lt;视图槽="后"在这里是插入到组件槽name=爸蟆敝械哪谌? lt;/view>
& lt;/d-slot>//结果,此时界面上载入槽
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
