search

mariordev / mailtoui

A simple way to enhance your mailto links with a convenient user interface.
https://mailtoui.com
MIT License
192 stars 12 forks source link

Inside VueJS template not working? #15

Open robertjoellewis opened 4 years ago

robertjoellewis commented 4 years ago

I tried both the CDN and the require statement using single-page vue templates. adding the class doesn't seem to do anything. No popup. Is there something I am missing here or is this by design?

mariordev commented 4 years ago

I just tried it and it's working for me. I wonder if there's something in your setup that's preventing it from working. Could you please share a gist to show me what you have?

robertjoellewis commented 4 years ago

Thank you for your quick response! The behavior is that when I click the mailto link, nothing at all happens. However, the demo on your website works just fine. Here is the gist: https://gist.github.com/robertjoellewis/afbb9f3e6737ffe83f1b89214fc373b1

robertjoellewis commented 4 years ago

I also tried the CDN approach, by putting the tag in my index.html file. However, that did not work either.

mariordev commented 4 years ago

Everything seems to be ok... This shouldn't really matter, but remove the semicolon at the end of this line: https://gist.github.com/robertjoellewis/afbb9f3e6737ffe83f1b89214fc373b1#file-revealpage-vue-L631

And try this, remove the image inside the a tag here: https://gist.github.com/robertjoellewis/afbb9f3e6737ffe83f1b89214fc373b1#file-revealpage-vue-L549

Leave just the text inside that a tag and give it a try. Let's see if the image is somehow getting in the way.

Does the sample a tag you have on this line work? https://gist.github.com/robertjoellewis/afbb9f3e6737ffe83f1b89214fc373b1#file-revealpage-vue-L552

robertjoellewis commented 4 years ago

That still did not work. However, now I think that it has to do with vue-router. See: https://stackoverflow.com/questions/45387857/router-link-and-href-not-working-in-vue-js

I still can't find a solution yet.

mariordev commented 4 years ago

Hmmm... I can see how that could be the issue. However, I don't have a whole lot of experience with vue-router, so it's going to take me a little while to figure it out. I'll see if I can look into it this weekend, but can't promise anything unfortunately.

robertjoellewis commented 4 years ago

Of course! The tool is so amazing and I think our project will really benefit from it. I had to temporarily give up for a couple of other deliverables, but I will restart on Monday.