message: Fix the bug, Vue: Set survey property value break survey navigation after version 1.8.9
diff: </div>
  </div>
  </template>
  - <template v-if="survey.state === 'running' || survey.state === 'preview'">
  + <template
  + v-if="survey.state === 'running' || survey.state === 'preview'"
  + >
  <div :class="css.body">
  - <component v-if="survey.isShowProgressBarOnTop" :is="'sv-progress-' + survey.progressBarType.toLowerCase()" :survey="survey" :css="css" />
  - <survey-timerpanel v-if="survey.isTimerPanelShowingOnTop" :survey="survey" :css="css" />
  + <component
  + v-if="survey.isShowProgressBarOnTop"
  + :is="'sv-progress-' + survey.progressBarType.toLowerCase()"
  + :survey="survey"
  + :css="css"
  + />
  + <survey-timerpanel
  + v-if="survey.isTimerPanelShowingOnTop"
  + :survey="survey"
  + :css="css"
  + />
  <survey-navigation
  - v-if="survey.isNavigationButtonsShowing === 'top' ||
  - survey.isNavigationButtonsShowing === 'both'"
  + v-if="
  + survey.isNavigationButtonsShowing === 'top' ||
  + survey.isNavigationButtonsShowing === 'both'
  + "
  :survey="survey"
  :css="css"
  />
  :survey="survey"
  :css="css"
  />
  - <component v-if="survey.isShowProgressBarOnBottom" :is="'sv-progress-' + survey.progressBarType.toLowerCase()" :survey="survey" :css="css" />
  + <component
  + v-if="survey.isShowProgressBarOnBottom"
  + :is="'sv-progress-' + survey.progressBarType.toLowerCase()"
  + :survey="survey"
  + :css="css"
  + />
  <survey-navigation
  - v-if="survey.isNavigationButtonsShowing === 'bottom' ||
  - survey.isNavigationButtonsShowing === 'both'"
  + v-if="
  + survey.isNavigationButtonsShowing === 'bottom' ||
  + survey.isNavigationButtonsShowing === 'both'
  + "
  :survey="survey"
  :css="css"
  />
  </div>
  </template>
  <div v-if="hasCompletedPage">
  - <div v-html="getProcessedCompletedHtml()" :class="getCompletedPageClasses()"></div>
  + <div
  + v-html="getProcessedCompletedHtml()"
  + :class="getCompletedPageClasses()"
  + ></div>
  <div v-if="survey.completedState != ''" :class="css.saveData.root">
  <div :class="getCompletedStateClasses()">
  <span>{{ survey.completedStateText }}</span>
  :class="css.body"
  v-html="survey.processedLoadingHtml"
  ></div>
  - <div v-if="survey.state === 'empty'" :class="css.bodyEmpty">{{ survey.emptySurveyText }}</div>
  + <div v-if="survey.state === 'empty'" :class="css.bodyEmpty">
  + {{ survey.emptySurveyText }}
  + </div>
  </div>
  </form>
  </div>
  @@ -124,8 +149,13 @@ export class Survey extends BaseVue {
  constructor() {
  super();
  }
  - protected getModel(): Base { return this.survey; }
  + protected getModel(): Base {
  + return this.survey;
  + }
  protected onMounted() {
  + if (!!this.survey) {
  + Vue.set(this.survey, "currentPage", this.survey.currentPage);
  + }
  var el = this.$el;
  if (el && this.survey) this.survey.doAfterRenderSurvey(el);
  this.survey.renderCallback = this.forceUpdate;
  @@ -176,7 +206,7 @@ Object.defineProperty(Survey, "cssType", {
  StylesManager.applyTheme(newType);
  },
  enumerable: true,
  - configurable: false
  + configurable: false,
  });
  Vue.component("survey", Survey);
  