Been looking at various solutions for this, but they all seem to be backend-related. I am looking for a Vue/JavaScript method. I have a string that contains ID's. The first 6 digits are date of birth, and the final 4…
I study frontend development at a vocational college in Stockholm, Sweden. We are currently studying the Javascript framework (vue.js) and I am stuck on a task. In we will build a simple app using an API with in the form…
I'm working on getting unplugin-vue-components working with my project so I don't have to register all of my first-party plugin components all through my individual projects... I'm having trouble getting Vite to recognize the named/exported Vue Components in my SFCs...…
I want to assign different and unique parameter in loop to each input tag (v-model) I tried the code below <template> <div v-for="item in lst" key="item"> <input :v-model="item"> </input> </div> </template> <script setup> var lst = ['first_vmodel_value','second_vmodel_value'] </script> By doing…
does someone of you know, what the correct way of dynamically binding the content tailwind class in vuejs3/nuxtjs3 is? Let's assume, that const isExpanded = true <h1 :class="{'after:content-[`:`]' : isExpanded}">Hello</h1> I have tried it with backticks (`) but it ain't…
I'm trying to use Vue to programmatically prevent an HTML dialog element's close event from closing the dialog. Here's the code I'm working with: import {ref} from 'vue'; const dialogTemplateRef = ref(); //I want this toggle to prevent it from…
In the Vite-Vue application I implemented the styles for both index.html and vue components/views , but browser shows them as crossed out. AMany =styles that I added in component/views are also crossed out. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…
I want to access v-model value using parameter and I try the code below <template> <div v-for="(item, idx) in data"> <input :id="item" :v-model="item"></input> <button @click="submitTest(item)"> testbtn </button> </div> </template> <script setup> var data = {'test1': 'val1', 'test2': 'val2'} function submitTest(itemParam){…
In resources/images directory i have 10 images that i want to show through vue3-carousel library, the images names are 1.jfif, 2.jfif..etc, but the attribute binding doesn't work like this, it gives error : Property assignment expected.: <Slide v-for="slide in 10"…
I want to use method destroy to delete one or more users, so it suppose to recieve an array and then delete whatever values given: public function destroy(Request $request) { // DB::table('users')->whereIn('id', $request->user)->delete(); dd(var_dump($request->user)); } However, the method recieves it…