引用 Quasar CSS Vue 表达式中的断点

Reference Quasar CSS breakpoints in Vue expressions

我目前正在使用 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>