How to get suffix value from <q-input>?

  • I want to get suffix for my console.log(), how can i do it?

    Many thanks.

  • Untested, but should work:

      <q-input type="email" v-model="email" float-label="Email" :suffix="suffix" clearable />
    export default {
      data () {
        return {
          email: '',
          suffix: ''    
      methods: {
        login: function (event) {
          console.log( + this.suffix + ':' + this.password)

    Vue.js is data-centric, so it makes sense to define your settings in data() and bind to them. On top of that, you get reactivity out of the box and your suffix is dynamic.

  • yes, it worked, thank you 🙂

Log in to reply