Вопросы и ответы - quasar-framework

Вопросы и ответы - quasar-framework



Есть ответ!
Мы используем фреймворк Quasar с Vue.js. Рассмотрим следующий q-card, который является кликабельным: <div class="q-pa-md row items-start q-gutter-md cursor-pointer"> <q-card class="my-card" clickable @click="GetSapRoster"> <q-card-section class="bg-primary text-white"> <div class="text-h6">SAP Truck Roster</di...
Есть ответ!
Такой простой ввод <input ref="input" class="terminal-input" autofocus v-model="message" type="submit" @submit.prevent="printToConsole"/> При добавлении type="submit" я больше не могу вводить входные данные. Он просто превращается в кнопку! Поэтому я нашел решение просто сделать форму, добавить кнопку (сделать ее отправкой) и скр...
Есть ответ!
В моей области created () у меня есть вызов Firestore, который заполняет массив, который я настроил в своей области данных с именем ebscoCachedSearchesController. Это массив объектов, и у меня есть объекты, установленные правильно, чтобы показать их в qselect. Когда select показывает, он отображается так, как будто опция уже была выбрана, и это [object Object]. Однако! Когда я нажимаю на кнопку Вы...
Есть ответ!
Мне нужно переключить слово "показать" при наведении на него курсора <div class="col-3"> <q-img src="../assets/doctors/doctor-08.jpg"> <div class="absolute-full text-subtitle2 flex flex-center"> Show </div> </q-img> </div>
Есть ответ!
Есть ли способ получить appId глобально из файла capacitor.config.json? В моем приложении Quasar я использую это для обратной связи с приложением. Поэтому, когда я меняю его с " dev " на "prod" версию приложения, мне нужно изменить его в моем файле компонентов Vue, info.plist для ios и strings.xml для android. UPD: Из этой темы я узнал, что это невозможно сделать только через capacitor.config.json...
Есть ответ!
Я привык ни в JavaScript, ни Vue.js. Все еще учусь, делая разные вещи, и я изо всех сил стараюсь не использовать дублированные коды в двух функциях, используя Vue.js. Я еще не придумал, как решить эту проблему. У меня есть это button : <q-btn :style="{opacity: storeName.length==0 ? 0 : 1}" icon="close" @click="reset()"></q-btn>, так что входное значение ст...
Есть ответ!
Я немного запутался, как использовать это в качестве компонента в моем приложении. В частности, я запутался, как правильно передать данные из моего родительского компонента в <quasar-editor /> из https://github.com/donotebase/quasar-tiptap. Мой код ниже передаст данные из episode.keyLessons в моем родительском компоненте в Редактор. Однако, когда я пытаюсь ввести текст в Редакторе, клавиша п...
Есть ответ!
У меня есть спа-центр, построенный с помощью фреймворка Quasar (на основе Vue.js). Спа-салон зарегистрировано в Auth0 и использует auth0-спа-и JS - библиотека для обработки входа в систему через код авторизации потока. Пока логин работает и я получаю токен, когда я перезагружаю страницу, поток кода аутентификации запускается снова, и пользователь перенаправляется на конечную точку /authorize, чтоб...
Есть ответ!
В Quasar framework как я могу переключить селектор файлов q-file, когда я нажимаю определенную кнопку. Мои усилия до сих пор: когда этот бутон щелкает, он должен переключить q-file <button @click="toggleFileSelector">toggle file selector</button> Итак, у меня есть этот селектор файлов, и я хочу, чтобы он переключался, когда я нажимаю на кнопку <q-file outlined class="...
Есть ответ!
Edit: я несколько раз говорил в посте ниже, что я "не в модуле". Каждый раз, когда код JavaScript в одном файле вызывается из другого, это технически модуль. Я хотел сказать, что этот модуль автоматически вызывается квазаром во время инициализации скрипта и, как ожидается, будет иметь глобальные побочные эффекты. Модуль никогда не импортируется ни в один код, который я пишу. Succint пост: Я исполь...
Есть ответ!
как правильно отображать пользовательские слоты меток в квазаре? мое намерение состоит в том, чтобы добавить значки/изображения с помощью слота метки вот данные() data() { return { showLabel: true, labelText: "My custom Label", registrationNumber: null, }; }, а вот и мой шаблон: <q-file outlined class="registration-field" :label-slot=&quo...
Есть ответ!
Компонент Quasar File Picker для изменения цвета текста выбранного имени файла в <q-file>. выбранный текстовый файл-test. odt, как я могу изменить его цвет текста, например красный? <q-file standout class="registration-field text-red" bg-color="blue-2" v-model="registrationNumber" color="red" > <template v-slot:prepend> <...
Есть ответ!
Я создаю приложение с квазаром и конденсатором. Я хотел бы использовать phonegap-plugin-barcodescanner(или есть какой-то другой вариант для чтения QR?). Я установил плагин с npm i phonegap-plugin-barcodescanner в проект src-конденсатор. Каковы мои следующие шаги, нужно ли мне зарегистрировать его в capacitor.config? Как мне вызвать на нем функцию scan?
Есть ответ!
Я получаю object Object в выпадающем списке select Вот мой код <q-select v-model="product_category" :options="options" label="Project Category" /> Код скрипта data () { return { options: [], } }, created () { this.$axios.get([ 'http://127.0.0.1:8000/api/lailen-inventory/categories' ]) .then(res => { this.options = res.data.categories }) }
Есть ответ!
У меня есть q-list с несколькими q-expansion-item в качестве детей. q-expansion-item присваиваются списку, поэтому в любой момент времени открыт только один. <q-list padding> <q-expansion-item id="explore" group="somegroup" icon="explore" label="Explore" default-opened @show="switchMode&q...
Есть ответ!
Я разрабатываю приложение с помощью Quasar, оно компилируется в приложение Cordova, чтобы я мог запустить его на своем телефоне. Самое странное, что у меня есть эта ошибка только на моем телефоне, без ошибок в консоли и только при первой загрузке, когда приложение было установлено. У меня есть простой запрос apollo: { receipts: { query: GET_RECEIPTS, loadingKey: "loading&quo...
Есть ответ!
У меня есть проблема с входом clearble, потому что тогда, когда вход потерял фокус, фокус переходит к (x) и нет к другому входу Я хочу, чтобы кнопка (x) не имела фокуса <q-input outlined clearable v-model="user.surname" type="text" label="Surname" :rules="[val => !!val || 'Surename is required']" /> #marg { padding:50px } <!DOCTYPE html>...
Есть ответ!
Я хочу издеваться над сервисом Amplify Auth в своем тесте. Ошибки нет, но тест не работает из-за моего макета. Вот код, который я собираюсь протестировать: signIn(): void { if (!this.valid) return; this.loading = 1; this.$Auth .signIn(this.email, this.password) .then(() => this.$router.push({ name: "homeManagement" })) .catch((err: any) => (this.erro...
Есть ответ!
Мне нужно иметь поля ввода, которые принимают только шестнадцатеричные символы и должны иметь максимальную длину. Я могу справиться только с принятием шестнадцатеричного кода, но там, где у меня возникают проблемы, это когда я вставляю строку - недопустимые символы также подсчитываются в максимальной длине. Вот что у меня сейчас есть: <q-input outlined v-model="text" label="Outli...
Есть ответ!
Когда я пытаюсь установить несколько флажков, ни один из них не пустует при загрузке. Пожалуйста, смотрите codepen: https://codepen.io/cbrown___/pen/ZEWvGXq?editable=true&editors=101%3Dhttps%3A%2F%2Fquasar.dev%2Fvue-components%2Fbutton Довольно просто я просто хочу, чтобы все они были пустыми на странице загрузки. Как я могу это исправить? <div id="q-app"> <div class="...


Закрыть X