I’m trying to show some examples of quasar and vuejs.
Also adding some libraries to enhance.
I hope it help someone and make Quasar bigger.
I’m trying to show some examples of quasar and vuejs.
Also adding some libraries to enhance.
I hope it help someone and make Quasar bigger.
WORKING ALIAS
let path = require('path')
build: {
scopeHoisting: true,
vueRouterMode: 'history',
// gzip: true,
// analyze: true,
// extractCSS: false,
// useNotifier: false,
extendWebpack (cfg) {
cfg.module.rules.push({
enforce: 'pre',
test: /\.(js|vue)$/,
loader: 'eslint-loader',
exclude: /(node_modules|quasar)/
})
cfg.resolve.alias = {
...cfg.resolve.alias,
'@components': path.resolve(__dirname, './src/components'),
'@helpers': path.resolve(__dirname, './src/helpers'),
'@module1': path.resolve(__dirname, './src/domains/module1),
....
}
}
},
@Zyme
Try
<q-transition appear enter="fadeInLeft" leave="fadeOutRight" mode="out-in">
<router-view :key="$route.name" />
</q-transition>
Remember to read http://quasar-framework.org/components/transition.html for imports
Tks all. I will update to 0.14 after the release and finish the project tasks.
Lets keep helping quasar community grows!
Hi, im using collapsible inside <template>.
I will upload a video working when get back in company.
With litle css and no-margin / no-padding etc , works very good.
Additional to this, if you use VS Code and want CTRL + click - open the import file using alias.
Create a jsconfig.json in root folder of project and :
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"~/*": ["./src/*"],
"@components/*": ["./src/components/"],
"@helpers/*": ["./src/helpers/*"],
"@module1/*": ["./src/domains/module1/*"],
}
}
}
Reboot VSCode
@rstoenescu Focus on going man. Quasar needs to be know.
The community can wait a little bit for you to prepare.
Quasar rocks!
Hi!
Can use a direct v-model too.
<template slot="col-message" slot-scope="cell">
<q-input :v-model="table[cell.row.__index].message" ></q-input>
</template>
Hi @Mayank , hope i can help you
Where you start your vue ( main.js normaly) add :
quasar/dist/quasar.mat.css
) or require(quasar/dist/quasar.ios.css
)Now start you Vue whit :
Quasar.start(() => {
/* eslint-disable no-new */
new Vue({
el: '#q-app', // this ID must exist in your index.html
router,
render: h => h(App),
})
})
Hi @alessandropcs , not happening here, neither chrome or firefox
Hi community!
I’m creating a Crud component based on QTable and sometimes can be Server side requests, and sometimes simple pagination.
When i do
delete this.pagination.rowsNumber;
even with
:pagination.sync="pagination"
Qtable dont switch back to simple pagination
I tried
$refs.table.setPagination(this.pagination)
but without luck, any suggestions ?
Hi @arlecchino
If you are using @quasar test, you probaly have an index.js with
import QMediaPlayer from 'QMediaPlayer'
localVue.component(QMediaPlayer, { QMediaPlayer})
You can globally import QMediaPlayer there.
For performance things, its better import locally on every test, but globally shold work too.
Yes i changed versions 10 11 12 , and error still persist…
Hi @dobbel
1 - https://quasar.dev/app-extensions/development-guide/introduction ( i want develop a quasar component )
2-
Changed node version to 14 12 10, and nothing changes.
This error on fresh install of App Extension, no clue…
Got this error running yarn dev on fresh app extensions kit ui
Uncaught TypeError: Cannot read property 'util' of undefined
Someone got it ? can help ?