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

素颜马尾好姑娘i 2022-01-26 13:23 951阅读 0赞

1、错误描述

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly95b3VoYWlkb25nLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70

2、错误原因

  1. <current-user>
  2.     <slot v-bind:user="user">
  3.         {
  4.    {user.username}}
  5.     </slot>
  6.     <template v-slot:default="slotProps">
  7.         {
  8.    {slotProps.user.firstname}}
  9.     </template>
  10. </current-user>
  11. <current-user v-slot="{user}">
  12.     {
  13.    {user.username}}
  14. </current-user>
  15. <current-user #default="{user}">
  16.     {
  17.    {user.username}}
  18. </current-user>

在使用vue.js中的插槽时，官网上说明v-slot可以换成#或#default，只是出现一个警告，但是直接报错了

3、解决办法

  1. <current-user v-slot="{user}">
  2.     {
  3.    {user.username}}
  4. </current-user>
  5. <current-user v-slot="{user}">
  6.     {
  7.    {user.username}}
  8. </current-user>
  10. 使用标准形式的v-slot

发表评论

表情：
评论列表 （有 0 条评论，951人围观）

还没有评论，来说两句吧...

相关阅读