nuxt.js - How to create a floating input with vue-formulate and tailwind?

Question

I am trying to create a floating input using vue-formulate.

With Tailwind I had already designed the following https://play.tailwindcss.com/d8fMjKAGOB. So far it is a tailwind complete solution without vue.

I have read in the issue https://github.com/wearebraid/vue-formulate/issues/86#issuecomment-651184543 that the floating label can be better implemented with data-has-value. Unfortunately I have trouble to convert this to vue-formulate. Does anyone have an idea how to implement this in the most appropriate way?

Answer 1

等待大神答复