Как настроить оповещение в Vue.js при использовании другого браузера?

Question

<template>
  <div>
    <v-alert type="warning">
      Website displays better in Chrome
    </v-alert>
  </div>
</template>

Я новичок в Vue и хочу уведомлять пользователя только при использовании IE, что могут возникнуть проблемы со страницей. Если пользователь использует Chrome, оповещение не появится.

Answer 1

Добавить новый реквизит для компонента v-alert: value = "boolean"

<template>
  <div>
    <v-alert type="warning" :value="isIE">
      Website displays better in Chrome
    </v-alert>
  </div>
</template>

Внутри вычислений добавить новую функцию, чтобы проверить, является ли текущий браузер IE или нет:

computed: {
    isIE: function () {
      userAgent = navigator.userAgent;
      return userAgent.indexOf("MSIE ") > -1 || userAgent.indexOf("Trident/") > -1 || userAgent.indexOf("Edge/") > -1;
    }
}