Category : vue.js

I am using v-autocomplete and I am trying to add a v-icon with the label. Is there a way to have a icon with the label. this is how I am trying to implement. <v-autocomplete :items="availabilities" @change="selections({availability_id: availability.id})" v-model="availability" attach return-object label="Availabilities" + <v-icon color="primary">info</v-icon> item-text=’name’ > </v-autocomplete> But this doesn’t work. Please help me ..

Read more

I try to learn vue 3 with composition api and i stuck on such things. I got an parent page <template> <q-page class="flex flex-center bg-dark row"> <q-input filled v-model="customerModel" @change="setCustomer" dark /> <RegistartionForm /> </q-page> </template> <script> import RegistartionForm from "components/RegisterComponent.vue"; import { ref } from "vue"; export default { components: { RegistartionForm, }, setup() ..

Read more

I have BarChart.vue file with code: <script> import { Bar } from "vue-chartjs"; export default { extends: Bar, mounted() { this.renderChart( { labels: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], datasets: [ { label: "Data One", backgroundColor: "#f87979", data: [40, 20, 12, 39, 10, 40, 39, 80, 40, ..

Read more

I’m writing a simple jest test but am receiving the following error: [Vue warn]: Error in render: "TypeError: Cannot read property ‘fields’ of undefined" [Vue warn]: Error in created hook: "TypeError: Cannot read property ‘relationNumber’ of undefined" My jest test: import { mount } from "@vue/test-utils"; import Step2 from "pathtoStep2.vue"; describe("Step2", () => { it("should ..

Read more

I created this function, that returns me an object with mapped values. I have a problem, the second map is undefined at the first time, so in my vue.js component, I see the first map’ data but not the cutOff. if I refresh the page I see the cutoff… I don’t understand the reason, I ..

Read more