Vuejs警告预期布尔值找到字符串

Question

我是 Vuejs 的新手，我只是在 Nuxtjs 上安装了 vue-flip 插件并写了这个标签：这是 index.vue 的标签：

<vue-flip active-hover="TRUE" class="flip">

在控制台我看到这个警告：

[Vue warn]: Invalid prop: type check failed for prop "activeHover". Expected Boolean, got String with value "TRUE"

我尝试从 true 更改为 1，但保留仍然存在

消息指向这个位置：

---> <Flip> at src/Flip.vue
       <Pages/index.vue> at pages/index.vue
         <Nuxt>
           <Layouts/default.vue> at layouts/default.vue
             <Root>

我怎样才能摆脱这个消息？

Answer 1

代替

<vue-flip active-hover="TRUE" class="flip">

你应该使用

<vue-flip v-bind:active-hover="true" class="flip">

或更短

<vue-flip :active-hover="true" class="flip">

Answer 2

提供没有值的 prop 时默认为true

改变这个

<vue-flip active-hover="TRUE" class="flip">

到

<vue-flip active-hover class="flip">