Ссылка на контрольные точки Quasar CSS в выражениях Vue

В настоящее время я использую компонент QDialog Quasar Framework и хотел бы, чтобы значение свойства maximized было установлено на основе текущего размера экрана, т.е. только для маленьких экранов. Есть ли какая-то переменная, на которую я могу ссылаться в своем коде компонента или выражениях для этой цели? Что-то вроде:

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

person John Rix    schedule 19.12.2019    source источник


Ответы (1)


плагин экрана должен делать то, что вы хотите:

<q-dialog v-model="showdialog" :maximized="$q.screen.sm"> ... </q-dialog>
person Robert Niestroj    schedule 20.12.2019
comment
Идеальный. Очень признателен! - person John Rix; 20.12.2019