Помогите понять, почему не работает v-mask при подстановки данных в форму?

<label for="executor-phone">Телефон: </label>
        <b-input
          :disabled="!isDataFormEmpty"
          :state="validateState('executor_phone')"
          id="executors-tel"
          v-model="$v.list_of_limit.executor_phone.$model"
          v-mask="'+7 (###) ###-##-##'"
          type="text"
          size="sm"
          placeholder="+7 (812) 123-45-67"
        ></b-input>
list_of_limit: {
 initiator_code: 302,
 executor_phone: this.user.phone || null,
 list_of_limit_rec: {},
 limit_date: moment(today).format('DD.MM.YYYY'),
 records: 236,
 executor_name: this.user.name,
 lim_type: "S - на начало дня",
 initiator_name: "Комитет финансов СПб",
 currency: "RUB",
 comment: ""
} 

при получении данных и подстановке для отображения в форму теряется реактивность и форматирование по v-mask не происходит, в чем может быть проблема? введите сюда описание изображения

setDataInForm(readOnlyData) {
      this.list_of_limit = readOnlyData.SPCEX_DOC.document.list_of_limit
}

Ответы (2 шт):

Автор решения: Nastya

Проблема была в потере реактивности, чтобы ее вернуть можно создать поле следующим образом, создать поле в модели заново, методом Vue.set()

this.$set(this.list_of_limit, 'executor_phone', list_of_limit.executor_phone)
→ Ссылка
Автор решения: Илья

Попробуйте v-model.lazy="$v.list_of_limit.executor_phone.$model"

→ Ссылка