I'm working on a JavaScript web application that uses DataTables to display a list of instructors. I'm having an issue where the DataTable doesn't update immediately after adding a new instructor to the underlying data array. The Problem When I…
I have an issue when I want to show data in VueJS. Previously I have successfully displayed "User Online" data, but the problem is why do I have to click on the page if I want to display the existing…
I am new to vue.js. I wrote this code: <li class="list-inline-item me-3"> <h5 class="font-size-14" data-toggle="tooltip" data-placement="top" title="From" > <label>Start time</label> <br /> <i class="bx bx-time me-1 text-muted"> <b-form-input class="no-border" :value="object.start_time.slice(0,5)" :disabled="!object.can_change" @input="object.start_time = $event" format="HH:mm" value-type="format" type="time" placeholder="HH:mm"></b-form-input> </i></h5> </li>…
I would like the calculate depth method to calculate the depth correctly and instead it is calculating in reverse assigning the first element with depth 2, the second with depth 1 and the third with depth 0, perhaps I need…
Trying to get away from using Sail, and want to make my application without Sail. So far I can't get mysql server to start running. I've tried changing the env DB_HOST to the name of the db in the docker-compose,…
I have a bootstrap-vue table that looks like this; Here is the code; <template> <div> <b-table hover :items="items"></b-table> </div> </template> <script> export default { data() { return { items: [ { age: 40, first_name: 'Dickerson', last_name: 'Macdonald' }, { age:…
So I tried to make a video player on my modal using vue-video-player, so below is my template code for the ModalDetailMediaVideo.vue <template> <div @keydown.esc="modalClosed()" @click="modalClosed()" class="modal fade" id="modalMediaVideo" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg justify-content-center"> <div class="layout-video">…
i am creating a simple stepper component in vue. I have been able to achieve desired fucntionality but the alignment goes to left even after applying justify-content: center below is my code https://codesandbox.io/s/awesome-sky-pj9p5x <template> <div class="flex justify-center full-width" style="border: 1px">…
I am using Vue2 and vue router 3x. How can I execute a store action whenever a specific child route is hit regardless if it is hit through a button press or the browser back/forward buttons? I need to fire…
I have a button with id & name that I wanted to display their value but in my code nothing is displayed. what is wrong with it ? <v-btn id="mytest" name="test" @click="addNewEntry">{{'add '}}</v-btn> methods: { addNewEntry() { document.getElementById("mytest").addEventListener('click', (event) =>…