Vue.js Freshchat 调用

Question

这些是我应该显示或不显示聊天机器人图标的页面。我为它提供了#fc_widget{ visibility: hidden !important;在我不应该展示的页面上。但是，当我返回到我需要显示的页面时，图标并没有返回。你能帮忙吗？

freshchat.js

function initFreshChat() {
    window.fcWidget.init({
        token: "05a3c977-3943-4075-886f-10774701b286",
        host: "https://wchat.freshchat.com"
    });
}

function initialize(i, t) {
    var e;
    i.getElementById(t) ? initFreshChat() : ((e = i.createElement("script")).id = t, e.async = !0, e.src = "https://wchat.freshchat.com/js/widget.js", e.onload = initFreshChat, i.head.appendChild(e))
}

function initiateCall() {
    initialize(document, "Freshchat-js-sdk")
}

window.addEventListener ? window.addEventListener("load", initiateCall, !1) : window.attachEvent("load", initiateCall, !1);

function openFresh() {
    window.fcWidget.show();
}

观看

  watch: {
    $route(to, from) {
    },
  },

头

  head() {
    return {
      script: [
        {src: 'js/freshchat.js'},
      ],
    }
  }