Twitter bootstrap Nuxt js中计算的引导断点

Twitter bootstrap Nuxt js中计算的引导断点,twitter-bootstrap,vue.js,bootstrap-4,vuejs2,nuxt.js,Twitter Bootstrap,Vue.js,Bootstrap 4,Vuejs2,Nuxt.js,在NuxtJs应用程序中,只有客户端有计算数据这样的屏幕实时活动引导断点的最佳解决方案是什么 在Bootstrap中,我们有像d-lg-block这样的类。 我想在VueJs中使用v-if实现这一点。 比如: 您可能需要这个。调整浏览器大小后将触发此事件。您可以将其放入mounted()以使其正常工作 window.addEventListener(“调整大小”),函数(事件){ log(document.body.clientWidth+'wide by'+document.body.clie

在NuxtJs应用程序中,只有客户端有计算数据这样的屏幕实时活动引导断点的最佳解决方案是什么

在Bootstrap中,我们有像d-lg-block这样的类。 我想在VueJs中使用v-if实现这一点。 比如:

您可能需要这个。调整浏览器大小后将触发此事件。您可以将其放入
mounted()
以使其正常工作

window.addEventListener(“调整大小”),函数(事件){
log(document.body.clientWidth+'wide by'+document.body.clientHeight+'high');
})