Akryum / Akryum/floating-vue

Can't trigger on click, getting [object Object] for content

Aberta
#185 3 comentários 0 reações 0 responsáveis Ver no GitHub
cannot-reproduce
Linguagem predominante
TypeScript
Estrelas
3.5k
Forks
341
Merge médio
14min
PRs com merge (30d)
8

Descrição

Hi, hope someone can help me please. I can get the hover working, but I can't get this to work using multiple options with an object to enable trigger: 'click'

I am trying to combine v-tooltip with v-clipboard:copy - which could make for a great integration of packages btw. When the user clicks a button, the text on :copy is copied to the keyboard, and the user should get a tooltip.

In my app.js file,

```
import VueClipboard from 'vue-clipboard2';
Vue.use(VueClipboard); // this works.

import VTooltip from 'v-tooltip'
Vue.directive('v-tooltip', VTooltip); // default hover works for me but breaks down when I pass an object into v-tooltip instead of =" 'Text' "
```

// component
```
Copy URL

```

I am also importing all of the styling in the .vue file where I am implementing this action.

With this approach I get the following error

![screen shot 2019-02-05 at 16 08 49](https://user-images.githubusercontent.com/25985241/52286703-941c6980-2960-11e9-9f41-15462e020db4.png)

1. Click does not work
2. Text still shows on hover
3. [object Object] is shown instead of the value of content: 'Copied'

What am I doing wrong? How can an object be passed and triggered on click?

Many thanks.

Guia de contribuição

Abrir o guia de contribuição

Avaliação

Esta issue ainda não foi avaliada.

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.