KABBOUCHI / vue-tippy

VueJS Tooltip powered by Tippy.js
https://vue-tippy.netlify.app
MIT License
726 stars 87 forks source link

use tippy component and set hideOnClick to "toggle", console shows the warning #249

Closed zhixXiang closed 2 years ago

zhixXiang commented 2 years ago

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

The toggle worked, but there is a warning in console.

<tippy hideOnClick="toggle"></tippy>
KABBOUCHI commented 2 years ago

you should bind the prop, you are sending text toggle

<tippy :hideOnClick="toggle"></tippy>
zhixXiang commented 2 years ago

Thank you for your response. I know, but I want use toggle feature, not set it to true of false, so I sending text toggle. The document says: To prevent clicks outside of the tippy from hiding it but still allow it to be toggled, use the string "toggle" image

How can I use component toggle without warning?

you should bind the prop, you are sending text toggle

<tippy :hideOnClick="toggle"></tippy>
KABBOUCHI commented 2 years ago

Thank you for your response. I know, but I want use toggle feature, not set it to true of false, so I sending text toggle. The document says: To prevent clicks outside of the tippy from hiding it but still allow it to be toggled, use the string "toggle" image

How can I use component toggle without warning?

you should bind the prop, you are sending text toggle

<tippy :hideOnClick="toggle"></tippy>

ah sry, will fix by tmrw.

zhixXiang commented 2 years ago

@KABBOUCHI sorry sir, is it fixed?

KABBOUCHI commented 2 years ago

@zhixXiang pushed a new release v6.0.0-alpha.57

this is the new docs https://vue-tippy.netlify.app/, I think u took a screenshot for the old vue-tippy docs version

zhixXiang commented 2 years ago

Thank you very much!