Javascript Vue:延迟选项不适用于v-popover
我使用创建一个可点击的弹出窗口。我希望popover保持可见几秒钟,即使鼠标离开popover和触发它的元素(我示例中的按钮) 这是我的代码中的一个简化示例:Javascript Vue:延迟选项不适用于v-popover,javascript,vue.js,vuejs2,popover,Javascript,Vue.js,Vuejs2,Popover,我使用创建一个可点击的弹出窗口。我希望popover保持可见几秒钟,即使鼠标离开popover和触发它的元素(我示例中的按钮) 这是我的代码中的一个简化示例: <v-popover trigger='hover' delay='{ show: 250, hide: 5000 }'> <!-- Popover target --> <button type='button'>x</button> <!-- Conte
<v-popover trigger='hover' delay='{ show: 250, hide: 5000 }'>
<!-- Popover target -->
<button type='button'>x</button>
<!-- Content of popover -->
<template slot='popover'>
<p>###</p>
</template>
</v-popover>
x
###
我的问题是延迟属性没有任何效果
trigger='hover'
正在工作(否则,弹出框将仅在单击时显示),但我一移开鼠标,弹出框就会消失。它不应该保持可见5秒钟吗?您在:delay
之前忘记了冒号。因此,您只传递一个字符串,而不是一个对象。
Vue.use(VTooltip)
新的Vue({el:'#app'})
x
###
您忘记了前面的冒号:delay
。因此,您只传递一个字符串,而不是一个对象。
Vue.use(VTooltip)
新的Vue({el:'#app'})
x
###
谢谢,这很有效。但不是自动隐藏,这没有什么区别。我需要使用:delay
而不是delay
(仍然不明白为什么我需要将冒号与delay
一起使用,而不是与trigger
一起使用)。哦,是的,对于自动隐藏
,让我们忘记它:)。关于冒号,当您不提供冒号时,您可以像字符串一样传递值,但当您提供冒号时,您可以像JS表达式一样传递值。你想传递一个对象而不是字符串,就像v-popover
docs中所述。我不明白你的解释:冒号如何使字符串成为一个对象?我认为:属性是Vue特有的语法。我也不明白为什么这里需要Vue属性绑定。此属性不需要是被动的。如果使用冒号,则该属性的内容将作为Javascript计算。如果你没有,那就是一根绳子v-pooper
需要object
。谢谢,这很有效。但不是自动隐藏,这没有什么区别。我需要使用:delay
而不是delay
(仍然不明白为什么我需要将冒号与delay
一起使用,而不是与trigger
一起使用)。哦,是的,对于自动隐藏
,让我们忘记它:)。关于冒号,当您不提供冒号时,您可以像字符串一样传递值,但当您提供冒号时,您可以像JS表达式一样传递值。你想传递一个对象而不是字符串,就像v-popover
docs中所述。我不明白你的解释:冒号如何使字符串成为一个对象?我认为:属性是Vue特有的语法。我也不明白为什么这里需要Vue属性绑定。此属性不需要是被动的。如果使用冒号,则该属性的内容将作为Javascript计算。如果你没有,那就是一根绳子<代码>v-pooper
需要对象
。