I'm new in vuejs and I was creating custom components for elements like buttons, links, inputs, etc. This is my input component- <template> <div class="position-relative"> <input :class="[{ 'pe-5': type === 'password' }, 'form-control p-2 rounded-3']" :type="inputType" :id="label ? slugify(label) :…
i am using vuejs3 with options api. as shown in the code posted below, i create a compsable class ClsUseStates.js, in which the value of state changes every second. in app.vue, i instantiated an object of ClsUseStates and when the…
as shown in the code posted below, in the .js file, i consume an endpoint, and based on the response from the backend i set specific status indicates the status of digitization.in other words, if the digitization operation completes successful…
as shown in the below posted code, i am developing a child-component, in it i created a button and i want to add disable property. given the code below, the disable property is underlined with red color and the error…
I am using Vue JS to create modal in Laravel when i press the button with @click the first time it works but the next time i get an error. Laravel Blade : <div class="col-span-12 mb-5" id="app"> <div class="text-end text-base">…
How to show only 1st row from a Bootstrap table and via checkbox to show the rest of the rows? The bootstrap table and checkbox are in different components. <b-table hover small responsive bordered stacked :fields="fields" :items="items"> </b-table> Here is…
I am attempting to implement a tokenized payment form in my Vue3/InertiaJS/Laravel app, and am unable to get the external script loaded so that it is available in the <script setup> to define a value and attach it to a…
I've created several components that communicate with each other using custom events. The issue is that I'm having difficulties with event propagation. I have an App.vue component that instantiates a GeneriqueButton component, which in turn instantiates a BaseButton component. I've…
I need to pass an array from component A (App.vue) through component B to component C. What I do is this (this first step works, just read it to understand): // A.vue <script setup> import B from "./B.vue"; import {…
I'm just trying to add validation in my vuetify form from my Model or Controller and make an alert. In my .vue file <v-row dense> <v-col cols="3"> <v-text-field dense outlined label="Employee Code" v-model="emp_code"></v-text-field> </v-col> <v-col cols="3"> <v-text-field dense outlined label="Employee…