javascript - Vue表达式中的引用类星体CSS断点

我目前正在使用Quasar Framework的QDialog组件，并希望基于当前屏幕大小（即）设置maximized属性值。仅针对小屏幕最大化。为此，我可以在组件代码或表达式中引用一些变量吗？类似于以下内容：

    <q-dialog v-model="showdialog" :maximized="myBreakpointVar === 'sm'"> ... </q-dialog>

最佳答案

screen plugin应该执行您想要的操作：

<q-dialog v-model="showdialog" :maximized="$q.screen.sm"> ... </q-dialog>