I have a nuxt config file that tries to expose all my .env variables to the client. Some varibles are exposed and I can access them(i'm accessing using useRuntimeConfi()), and some just return "undefined" whenever i try to access them…
I'm going to upload my image file to storage folder through laravel vuejs , but now I just tried to print the data through dd(); but it returns no response and no error how should I suppose to know if…
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 have created a component in Vue JS named "Component". I have learnt that we use the comoponent in a parent component template like this. <template> <p>I am a heading </p> <Component/> </template> But if I use the Component syntax…
I´m trying to check and unchex all check boxes with javascript and vue. const checkAll = () => { var array = document.getElementsByClassName("assign_register"); for(var i = 0; i < array.length; i++){ if(array[i].type == "checkbox"){ if(array[i].className == "assign_register"){ array[i].checked = true;…
I need help with styling component el-date-picker from element plus, can't figure it out. Code for a text input from component: <label v-if="label" class="form-label" :for="id">{{ label }}:</label> <input :id="id" ref="input" v-bind="{ ...$attrs, class: null }" class="form-input" :class="{ error: error }"…
I have a table "css_rules" with 2 columns: "id_type" and "icone_type". I'd like to generate CSS rules like this: .custom-marker .[id_type] { background-image: url(http://example.com/[icone_type].svg); } What I tried is that: async setup(props, { emit }) { const apiUrl = import.meta.env.VITE_APP_API_URL;…
name of it on load, that div just staying under my app div. i dont know what is it and seeing this first time on my vue project. checked extensions and tried to google it to figure it out but…
I have this code in my vue app, it will create dynamic input fields <div class="col-sm-12 col-md-12 col-lg-12 mt-1 mb-1"> <a class="text-uppercase text-decoration-none text-dark" href="#" @click.prevent="addField"> <i class="bi bi-plus"></i> Add device properties </a> </div> <div class="col-sm-12 col-md-4 col-lg-4 mt-1 mb-1"…
I'm trying to move the 3 scrollbar from 3 <div class="container"> by the class name with the same event at one time. This is my approach: In first place I share the event handler from the script function handleScroll(event: any)…