I can't change the q-select in the quasar framework, I tried a long time also can't make it. <q-select v-model="site1" outline dense class="selection" /> :deep(.selection .q-field__control) {font-size: 13px; width: 250px;} :deep(.selection .q-field__outlined){ height: 28px;} I want it the q-select of…
I tried <p color="primary">foo</p> and <p style="color: primary">foo</p> but neither works. How do I make my text colour primary?
I need a method that creates a Quasar Table column definition dynamically. The method below works, however, I believe that using a for loop in place of the long switch statement is a better solution. How do I write a…
I have an app in Laravel for the backend and Vue.js and Quasar for the front end. I have a view in Vue.js that sends a request every 5 seconds. I would like to know how I can implement web…
I have a problem that recently my Visual Studio Code debugger refused to stop at breakpoints when debugging my Vue.js application when setting a breakpoint in a plain TypeScript (.ts) file, whereas it works just fine when setting a breakpoint…
I am using vue and quasar and have this component: <template> <q-layout> <q-page-container style="background-color: #e0e5ea;"> <q-page class="column"> <menu-bar></menu-bar> <div class="q-ma-lg row col"> <q-card flat class="col" style="border-radius: 9px;"> <q-card-section> </q-card-section> </q-card> <q-card flat class="col q-ml-lg " style="border-radius: 9px"> <q-card-section> </q-card-section> </q-card>…
I have array in quasar {1: {…}, 2: {…}, 12: {…}, 13: {…}, 14: {…}, 15: {…}} 1 : {id: 1, title: 'Supreme Court dubs Manipur', news: 'PTI, New Delhi, JUL 20 2023, 11:23 ISTUPDATED: JUL…isturbing-asks-centre-to-take-action-1238849.html', created_by: 10000001, updated_by: null,…
Vue and Quasar frameworks String: "Lorem ipsum dolor sit amet CONSECTETUR adipiscing elit" Template The following code does not work <span:class=""> {{ highlightSearchExpression(string) }} /> Using v-html (works inconsistently; merge search word with other words) <span v-html="highlightSearchExpression(string)" :class="" /> Method…
I'm trying to build a confirmation modal into a dialog containing form inputs, so i can notify the user that his changes will be lost if he closes without saving. This means displaying the modal every time the user has…
I tried to use https://github.com/phanan/vue-facebook-signin-button component on Quasar Framework, I've installed it using npm: npm i vue-facebook-signin-button --save I've put on main.js: import FBSignInButton from 'vue-facebook-signin-button' Vue.use( FBSignInButton ) // use facebook signin button Then I've add on main .vue…