Quasar v2.0
You can use it to submit Github tickets for Quasar v1.
HTML
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@quasar/extras/material-icons/material-icons.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/quasar@next/dist/quasar.prod.css">
<script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/npm/quasar@next/dist/quasar.umd.prod.js"></script>
<div id="q-app">
<q-stepper
v-model="step"
animated
color="primary"
keep-alive
vertical
>
<q-step
key="stepA"
:done="step > 1"
:name="1"
icon="search"
title="testa"
>
<q-uploader
ref="processPhotoUploader"
v-model="processPhotos"
accept=".jpg, image/*"
field-name="photo"
hide-upload-btn
label="fotos auswählen"
multiple
style="width: 100%;"
url="http://localhost:3002/upload"
></q-uploader>
<q-btn color="primary" label="Next" @click="step++"></q-btn>
</q-step>
<q-step
key="stepB"
:done="step > 2"
:name="2"
icon="search"
title="testb"
>
<q-btn color="primary" flat label="Back" @click="step--"></q-btn>
</q-step>
</q-stepper>
</div>
JavaScript
const { useQuasar } = Quasar
const { ref } = Vue;
const app = Vue.createApp({
setup () {
const $q = useQuasar()
const step = ref(1);
const processPhotoUploader = ref();
const processPhotos = ref();
function notify () {
$q.notify('Running on Quasar v' + $q.version)
}
return {
notify,
step,
processPhotoUploader,
processPhotos,
}
}
})
app.use(Quasar, { config: {} })
app.mount('#q-app')