I also searching for this if anyone has solution please share

Best posts made by prashant
-
RE: Export(pdf/csv/word/xlsx) and Print feature request in q-table
Latest posts made by prashant
-
RE: How to add Icon / bookmark to mobile home screen ?
Yes I deployed on server with https & PWA enabled still get didn’t worked.
Need to add this to my list SSL is also required. -
How to add Icon / bookmark to mobile home screen ?
I am new to Quasar I want to display website to prompt to create home screen icon. Let me know the step by step I watch Danny video but its more in to caching and PWA. can any body help me please I have few question in my mind.
01 Do I need to install any plugin / extension for it?
02 Does it work with dev mode ?
03 My website is SPA do I need to change any mode ?I followed following steps but didn’t work out let me know what is wrong. Beside I can’t find step by step guide for it. So I am writing a detail mail for it.
File : quasar.config.jsssr: { pwa: false }, // https://quasar.dev/quasar-cli/developing-pwa/configuring-pwa pwa: { workboxPluginMode: 'InjectManifest', // workboxOptions: {}, // only for NON InjectManifest manifest: { name: 'bpp', short_name: 'bpp', description: 'Business Plus Plus Online Trading Portal', display: 'standalone', orientation: 'portrait', background_color: '#ffffff', theme_color: '#4B0082', icons: [ { src: 'statics/icons/icon-128x128.png', sizes: '128x128', type: 'image/png' },
File : layout.vue
<q-footer elevated> <q-toolbar> <q-toolbar-title>Footer</q-toolbar-title> <q-btn @click="installApp" icon="menu" aria-label="Install" /> </q-toolbar> </q-footer> <script> var defferedPrompt; export default { data() { return { show: false, ShowAppInstallBanner: false }; }, methods : { installApp() { this.ShowAppInstallBanner = false; defferedPrompt.prompt(); //Wait for the use to respond prompt defferedPrompt.userChoice.then((choiceResult) => { if (choiceResult.outcome === 'accepted') { this.neverShowAppInstallBanner(); } }); }, }, mounted() { let neverShowAppInstallBanner = this.$q.localStorage.getItem( 'neverShowAppInstallBanner' ); // if (!neverShowAppInstallBanner || neverShowAppInstallBanner == null) { window.addEventListener('beforeinstallprompt', (e) => { e.preventDefault(); //Stash the event so it can be trigger later defferedPrompt = e; //deferredPrompt.prompt(); console.log('inside ', defferedPrompt); }); this.neverShowAppInstallBanner = true; // } }
Icon generated using icon genie and also verified it.
Execute using following code.
quasar build --mode pwa -
RE: Quasar Shopping - beautiful eCommerce UI template written in Vue.js/Quasar
hey Maur this is Prashant Mumbai its great to see your effords I just downloaded it let me and added star rating let me use it. If any thing I will required will discuss. Its great to see you
-
RE: QUploader formData append Problem
just check node formdata you will find the issues. I was facing similar issues If I have files selected then which is optional in my form I used formData othewise a object.
Still you send pic of of devtool request header othewise no body will understand what is going on. Make sure it should show cadFiles : Binary -
RE: q-select map-options and filter is not working together well
I created a Base component for q-select with map option but can’t set the default value to it can any one check what is the issue.?
https://codesandbox.io/s/little-hooks-c3nsk?file=/src/pages/SelectMap.vue
-
RE: Quasar with ESlint 6.x - cannot find module 'eslint-plugin-import'
what is the solutions
-
RE: [SOLVED by metalsadman] Axios store needs browser reload
I solved this checkout If you like it please mark me
https://forum.quasar-framework.org/topic/2722/how-to-import-vuex-state-to-an-external-js/3 -
RE: How to import Vuex state to an external js
I am new to quasar please let me know is there any better way to do it. I used vue-persistance module
import Vue from "vue"; import axios from "axios"; const axiosInstance = axios.create({ baseURL: "http://localhost:5000/", headers: { Accept: "application/json", "Content-Type": "application/json" }, timeout: 10000 }); export default ({ store }) => { axios.defaults.headers.common["Authorization"] = "Bearer " + store.state.token; }; Vue.prototype.$axios = axiosInstance; // Here we define a named export // that we can later use inside .js files: export { axiosInstance };
-
RE: 1 QTable and 3 QSearch
can any one share the code please I am searching for it. as <q-table has only one property