小程序v-for中slot警告

阿超

发布于 2022-08-21 11:06:37

1.4K0

发布于 2022-08-21 11:06:37

文章被收录于专栏：快乐阿超

今天用了这样一个组件：

<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.

最后不得不降级基础版本库才去除警告。。。

改到2.18.0以下即可

然后就没有刚才那个警告了

剩下的警告和报错

[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，就可以去掉了