解决小程序插槽slot内容显示不对,无论是原生小程序还是uniapp开发的,解决办法如下!

在一次使用小程序插槽的时候,发现如论在哪里使用插槽,内容在子组件上展示和根目录同级,这其实是pc端微信开发工具展示的错误。官方说出了解决办法,同时已经实践证明有效。


方法:

点击开发者工具右上角“详情”,然后把 “以shadow-root形式展现自定义组件” 前面的勾去掉,刷新后再看控制台就发现可以了。

注意点:


    如果是用uniapp开发的小程序,由于vue的solt最新使用 v-slot:name 配合template标签一起使用(如:<template v-slot:left>),所以导致插槽渲染后外层多出一层view, 这对样式的继承来说可不是一个好消息 。解决办法是用以前的插槽方式


<view slot="left">即可解决

如果你觉得不错,就给个赞呗

落魄前端-小陈
0
1
0
评论
qyh: 最新的版本没有这个选项了 2年前
浏览
收藏