在vue3中,TypeError:无法使用“in”运算符在true中搜索“__vInternal”

ifmq2ha2  于 2023-06-24  发布在  Vue.js
关注(0)|答案(1)|浏览(215)

当我使用打包的模态组件时,会出现上述错误
这是我的代码
定义

<template>
    <Modal
    v-bind="$attrs"
    :mask-closable="false"
    class="popEvent"
     >
     <slot></slot>
     <template v-slot:footer>
      <slot name="footer" ></slot>
     </template>
     <template v-slot:header>
        <slot name="header" ></slot>
     </template>
    </Modal>
</template>

<script>
import { defineComponent, onMounted, ref} from 'vue';
export default defineComponent({
  name: 'DHCCModal',
  inheritAttrs: false,
  setup(props, cex){
    onMounted(()=>{
      // setLeft(menuStatus)
    });
    return {
      // popEvent
    };
  }
});

</script>

使用

<template>
  <div>
    <DHCCModal v-bind="true">
      <div>
        jack
      </div>
    </DHCCModal>        
  </div>
</template>

发生错误
typeError:无法使用“in”运算符在true中搜索“__vInternal”

e4yzc0pl

e4yzc0pl1#

您遇到的错误是因为您试图将布尔值(true)绑定到DHCCModal组件上的v-bind指令。v-bind指令需要一个对象,而不是布尔值。更新使用喜欢它,修复你所面临的问题,需要更多的清除你试图做什么,然后将有助于。

<DHCCModal>
  <template #default>
    <div>
      jack
    </div>
  </template>
</DHCCModal>

相关问题