Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': '#' is not a valid attribute

1、錯誤描述

2、錯誤原因

<current-user>
	<slot v-bind:user="user">
		{{user.username}}
	</slot>
	<template v-slot:default="slotProps">
		{{slotProps.user.firstname}}
	</template>
</current-user>
<current-user v-slot="{user}">
	{{user.username}}
</current-user>
<current-user #default="{user}">
	{{user.username}}
</current-user>

   在使用vue.js中的插槽時,官網上說明v-slot可以換成#或#default,只是出現一個警告,但是直接報錯了

3、解決辦法

<current-user v-slot="{user}">
	{{user.username}}
</current-user>
<current-user v-slot="{user}">
	{{user.username}}
</current-user>

    使用標準形式的v-slot

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章