Wednesday, 4 August 2021

Vue how to have text as a placeholder in a v-card before loaded data populates the sheet?

I have this sheet in vue that I would like to have some placeholder text such as "click to load" before a user actually clicks on something to load the data.

Currently I have this button that will populate the sheet with data:

      <v-btn @click="fetchData()"> Apply Filters </v-btn>

And this is the sheet that will load the data returned from fetchData():

      <v-card
           
      </v-card>

How would I go about making the sheet have some placeholder text before the button is clicked?



from Vue how to have text as a placeholder in a v-card before loaded data populates the sheet?

No comments:

Post a Comment