小程序v-for中slot警告
今天用了这样一个组件：
<template>
<div>
<div v-for="(item, index) in list">
<slot :item="item" />
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
props: {
list: {
type: Array,
default: []
}
}
};
</script>
<style></style>这里在v-for中放了slot
所以我在另一个页面使用的时候，小程序警告
VM1103 WAService.js:2 [Component] slot "" duplication is found under a single shadow root. The first one was accepted.
image-20220117202902380
最后不得不降级基础版本库才去除警告。。。
image-20220117203148922
改到2.18.0以下即可
image-20220117203309221
然后就没有刚才那个警告了
image-20220117203614948
剩下的警告和报错
[WXML Runtime warning] ./components/tabbar/tabbar.wxml
Now you can provide attr `wx:key` for a `wx:for` to improve performance.
> 1 | <view class="_div"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index"><view class="_div"><slot></slot><scoped-slots-default item="{{item.$orig}}" class="scoped-ref" bind:__l="__l"></scoped-slots-default></view></block></view>
| 这个可以在v-for上加一个key，就可以去掉了
image-20220117203831724
剩下的报错是因为没有配置appId
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-01-17，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
相关产品与服务
云开发 CloudBase
云开发（Tencent CloudBase，TCB）是腾讯云提供的云原生一体化开发环境和工具平台，为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务，可用于云端一体化开发多种端应用（小程序、公众号、Web 应用等），避免了应用开发过程中繁琐的服务器搭建及运维，开发者可以专注于业务逻辑的实现，开发门槛更低，效率更高。