I'm developing a Vue.js application with vue-router and facing an issue with my RankerDetail component. This component is meant to display different data based on the route parameter id. When I manually enter the URLs (e.g., /Ranker/1, /Ranker/2) in the…
<script setup> import InputChat from '../components/InputChat.vue' import Chat from '../components/Chat.vue' import Layout from "@/components/Layout.vue"; import Sidebar from "@/components/Sidebar.vue"; import ChatVue from '@/components/Chat.vue'; import { ChatManager } from '../../lib/ChatManager'; import { ref, watch } from 'vue'; const manager = new ChatManager()…
might be best explain with an example (using bootstrap grid) Thanks in advance for the assistance 1 item in list <div class="container"> <div class="row"> <div class="col-sm-12">item 1</div> </div> </div> 2 items in list <div class="container"> <div class="row"> <div class="col-sm-6">item 1</div>…
I am expecting to pass a value by router.push, this is the component where i want to pass it: <template> //some html </template> <script> export default { data(){ //some data }, methods: { uploadTemplate(event) { if(everythingWell){ this.$router.push({name: 'upload-document', params: {value:…
I have a project that uses Vue components and collection design pattern for list manipulation. Inside of the collection, I have an arr.add function that adds a new object to the list when a button is pressed. This works correctly…
I have a project which is build in Nuxt 3 with a homepage which shows products. On that homepage, you can click on the title of the product and the product details page opens up. I archive this by using…
UPDATE: THe original code is now updated to reflect the advice given. I am trying to create a QR Code generator that changes every minute. I have created the following code, but am receiving some errors, and just need some…
I would like to hide the save button in a Vue Modal, but when I access the button like so, .btn.btn-primary { display: none; } It changes the appearance of every .btn-primary. It doesn't work to specify .modal on the…
I am trying to switch images on click in Vue.js. My code isn't working but this is what I am trying to make happen: On load the image is black, after clicked/selected the image switches and turns into a blue…
I'm encountering a specific CORS issue (please refer to the attached image for details). My application, built on a microservice architecture, utilizes Laravel for the backend and single-spa for the micro-frontend. I'm employing Vite for all micro-frontends and FilePond for…