尝试在动态组件的 v-bind 中的对象内提供“is”属性时出现错误(如下)。我正在使用 Nuxt3。
错误:[Vue 警告]:无法解析组件:组件如果这是本机自定义元素,请确保通过 compilerOptions.isCustomElement 将其从组件解析中排除。{ is: 'AppLink', to: 'myRoute' } 用作弱映射键的无效值
在组件中使用时的示例:
<component v-bind="{ is: 'AppLink', to: 'myRoute' }">
<slot></slot>
</component>
这是 AppLink 组件的样子:
<template>
<nuxt-link>
<slot></slot>
</nuxt-link>
</template>
<script>
export default {
name: 'AppLink'
};
如果我这样做,一切都会按预期工作,没有错误:
<component is="AppLink" to="myRoute" }">
<slot></slot>
</component>
任何解释错误的想法都会很棒。谢谢。