Javascript 在Vue表达式中引用类星体CSS断点

Javascript 在Vue表达式中引用类星体CSS断点,javascript,vue.js,responsive-design,quasar-framework,Javascript,Vue.js,Responsive Design,Quasar Framework,我目前正在使用Quasar Framework的QDialog组件,并希望根据当前屏幕大小设置最大化属性值,即仅针对小屏幕最大化。在我的组件代码或表达式中是否有可以引用的变量?大致如下: <q-dialog v-model="showdialog" :maximized="myBreakpointVar === 'sm'"> ... </q-dialog> 。。。 应该做您想做的事情: <q-dialog v-model="showdialog" :max

我目前正在使用Quasar Framework的QDialog组件,并希望根据当前屏幕大小设置
最大化
属性值,即仅针对小屏幕最大化。在我的组件代码或表达式中是否有可以引用的变量?大致如下:

    <q-dialog v-model="showdialog" :maximized="myBreakpointVar === 'sm'"> ... </q-dialog>
。。。
应该做您想做的事情:

<q-dialog v-model="showdialog" :maximized="$q.screen.sm"> ... </q-dialog>
。。。
应该做您想做的事情:

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

完美。非常感谢!完美的非常感谢!