css - :class 绑定在 IE 或 Iphone 8 中不起作用 - VUE JS

Question

我的应用程序中的导航下拉菜单存在一些问题。它可以在 chrome 和 edge 上正常工作，当切换类时，类会切换。我们需要在 IE 以及 Iphone 8 等较旧的手机型号上工作。

我已经梳理了CSS，这似乎不是问题。我想知道我设置类绑定的方式是否在旧设备/浏览器上调用了问题。

<script>
export default {
  data() {
    return {
      navigation: false
    }
  },
  computed: {
    setNavigation() {
      return this.navigation ? 'navigation-outer' : 'navigation-outer-hidden';
    }
  },
  methods: {
    toggleNavigation() {
      this.navigation ? this.navigation = false : this.navigation = true;
    }
  }
};
</script>

<div :class="setNavigation"> 

Navigation content.

</div>

标签： cssvue.jsinternet-explorercross-browser