q-input error setting mask

[Pedroprt]

I'm trying to set the mask on a q-input component, depending on a model value,
I use a computed property for that

    <q-input
      class="col-xs-8 col-sm-4 col-md-3 q-px-xs"
      input-class="texto_azul"
      dense
      hide-bottom-space
      v-model="model.num_doc"
      label="Num. Documento"
      :mask="mascara"
      hide-bottom-space
      v-model="model.num_doc"
      label="Num. Documento"
      :mask="mascara"
      :fill-mask="fill_masc"
      :unmasked-value="sem_mascara"
      @update:model-value="mudou"
    >

computed: {
    mascara () {
      const mask =  model.cdg_tipo_doc == 1 ? "###.###.###-##" : "";
      return mask;
    },
    fill_masc: function () {
      return model.cdg_tipo_doc == 1 ? "_" : false;
    },
    sem_mascara: function () {
      const temp = model.cdg_tipo_doc == 1 ? false : true;
      return temp;
    }
}

the model contains a record from database.
when I get a record with the cdg_tipo_doc == 1, it shows the value and the mask correctly.
If I go to the next record and the cdg_tipo_doc <> 1 it should clear the mask and show the current num_doc, but what happens is very strange. I debugged all the steps and the sequence is :

1. the model is set to the corret values fetched from database.
2. the computed property is executed evaluating the correct values in model.
3. when the computed property tries to change the mask to empty, it sets the model value to the values on the previous record on the fields affected by that computed property.

It seems an error is raised when the mask is set to empty string and the previous value is restored to model.
I tried to set the unmasked-value to false and the fill-mask to false, but doesn't work.

The only solution (ugly solution) is to set the mask to "##########################". This way it shows the current values correctly.

A 'clearMask' method in the q-input component hould help a lot.

[Pedroprt]

I found a workaround and I think is not an elegant solution, but it works.
Before assigning the values to the model I assign them to a temp variable.
I make the evaluation of the values that will define the mask and set the mask.
After that I assign the temp variable to the model and it fills the form correctly.
I got a 2019 topic from s.molinari that suggests the mask should be set before data model (that topic was about typing on an input)

          <q-input
            class="col-xs-8 col-sm-4 col-md-3 q-px-xs"
            input-class="texto_azul"
            dense
            hide-bottom-space
            v-model="lclIndividuo.num_doc_pessoa"
            label="Num. Documento"
            :mask="this.mascara_num_doc"
            :fill-mask="this.fill_masc"
          >

on the script that calls the action thar reads data from the api

// call the service to get data
const ret = await this.actPessoaPacoteDados(params);

// evaluate returned data to set the mask
this.mascara_num_doc = ret.cdg_tipo_doc_pessoa == 1 ? "(##) #-####-####" : "";
this.fill_masc = ret.cdg_tipo_doc_pessoa == 1 ? "_" : false;
await this.$nextTick();

// assign returned data to the model
this.lclIndividuo = JSON.parse(JSON.stringify(ret));