[Vuejs]-VueJS input placeholder text not displaying

by

1👍

You are missing a script tag

try

<template>
  <div>
    <input type="text" v-model="text" :placeholder="placeholder" />
  </div>
</template>


<script>
export default {
  data() {
    return {
      text: '',
      placeholder: 'Some placeholder text'
    }
  }
}
</script>

1👍

I figured it out myself! Since the background-color of the input was white, I had to add some color to the css, so it finally has come to work!

0👍

I also found out my input component BG color has been set as "bg-grey-800"(tailwind CSS): so I changed it. it works!
Thanks

Leave a comment