Hello Mchiaelb,

I think that component expected a boolean value and you passed a integer value.
You did try construct the computed property? like this:

export default {
  data () {
    return {
      book: {'owned': 1},
      ownedOptions: [
        {label: 'We have this book', value: 1},
        {label: 'Wish list', value: 0}
      ]
    },
  computed: {
    form: {
       get () {
         return this.book.owned === 1
       },
      set (value) {
         this.book.owned = value ? 1 : 0
      }
    }
  }
}

Regards,
Bruno Meurer

You can simulate your problem in codepan?

I’m tryng, but its working:
codepan test

Hello randomruss,

You have make something like this:

<q-table class="bg-white q-mb-sm margem"
  title="Condições de pagamento"
  :data="list"
  :columns="columns"
  :loading="this.carregandoLista"
  dense hide-bottom
>
  <q-td slot="body-cell-name" slot-scope="props" :props="props">
    <q-btn 
      icon="edit"
      size="sm"
      color="secondary"
      @click="edit(props.row)"
    />
  </q-td>
</q-table>

Regards,
Bruno Meurer

Hello Oxar,

The new Vue make a new instance of vue and we must created just only once. The quasar framework already make this for us and you should not worry about that. Your scructure is ok, but you dont have <template></template> or <style></style> like this:

<template>
  <div v-for="(item, index) in rows" :key="index">
     {{item.name}}
  </div>
</template>

<script>
export default {
  data () {
    return {
      rows: [
        {id: 1, name: ‘Rad’, cot: ‘lomdn’, instn: ‘mA’}
      }
    }
  }
}
</script>

<style>

</style>

Regards,
Bruno Meurer

Hello Kerbo,

I’m use v-mask, but dont works really nice when we have a number properties. When this happened, i’m converted the result manually.

What your error during the run with v-mask?

Regards,
Bruno Meurer

Hello joefly,

Do you have trying hosting your app at your home network? And If you run a quasar dev your app work fine?
When i need do a thing like this, i’m use firebase hosting, it is very simple and work fine.

Regards,
Bruno Meurer

Hello Mchiaelb,

I think that component expected a boolean value and you passed a integer value.
You did try construct the computed property? like this:

export default {
  data () {
    return {
      book: {'owned': 1},
      ownedOptions: [
        {label: 'We have this book', value: 1},
        {label: 'Wish list', value: 0}
      ]
    },
  computed: {
    form: {
       get () {
         return this.book.owned === 1
       },
      set (value) {
         this.book.owned = value ? 1 : 0
      }
    }
  }
}

Regards,
Bruno Meurer

Hi,

i tryed resolve this with class in <style> but only can use property style=“style=‘border-color: #FF9800’”.

Thanks.

Regards,
Bruno Meurer

Hello guys,

It is possible change color of blockquote in current version? Actually the color is default primary, but it would be interesting the possibility to change this color.

Regards,
Bruno Meurer