html

<div v-show="visualizacaoResumida">
  <q-field label="Valor fatura" >
    <q-input v-model="item2.valor" color="secondary" class="q-pt-sm" prefix="R$" type="number"/>
  </q-field>
  <q-field label="Data do documento" >
    <q-datetime class="data-padding pad-padding" v-model="item2.dataDocumento" type="date"  format="MM/DD/YYYY" color="secondary"/>
  </q-field>
  <q-field label="Data de vencimento" >
    <q-datetime class="data-padding pad-padding" v-model="item2.dataVencimento" type="date"  format="MM/DD/YYYY" color="secondary"/>
  </q-field>
  <q-field label="Local de pagamento" >
    <q-input v-model="item2.localPagamento" color="secondary" class="q-pt-sm"/>
  </q-field>
  <!--<q-field  label="Instruções">
    <q-input
      v-model="item2.instrucoes"
      class="pad-padding"
      type="textarea"
      :max-height="100"
      rows="6"
      color="secondary"
    />
  </q-field>-->
</div>