vue.js Questions

Javascript – Vue3 – How to enable/disable text input and checkbox based on input number

September 26, 2023
hatched
2 Answers

<div class="container-body" v-for="index in 10" :key="index"> <div class="container-content"></div> <div class="container-content"> <input :id="'Row'+index+'-input1'" type="text"> </div> <div class="container-content"> <input :id="'Row'+index+'-input2'" type="text" class="disabled"> </div> <div class="container-content"> <div class="custom-control custom-checkbox"> <input :id="'Row'+index+'checkbox'" class="form-check-input" type="checkbox" disabled> </div> </div> <div class="container-content delete"> <img/> </div> </div> I…

VIEW QUESTION

Reactjs – Typescript how to check object property nullable key

September 26, 2023
Berat
2 Answers

How can I check whether the properties of the object in TypeScript are nullable in a simple way? For example export default interface UserDto{ ID?:int; USER_NAME?:string; FIRST_NAME?:string; LAST_NAME?:string; USER_ROLE?:string; TEAM?:string; IS_ACTIVE?:Boolean; CREATE_DATI?:DateTime; UPDATE_DATI?:DateTime; PASSWORD?:string; } The USER_ROLE property here is…

VIEW QUESTION

Html – Is v-show not working on static elements?

September 25, 2023
BitTickler
3 Answers

I am not a web developer and this is the first time I play with a web framework - so please go easy on me. The framework I'm trying to learn is vue.js. Version 3. What I try to achieve:…

VIEW QUESTION

Javascript – How to reload the same route in vue 3 (vue-router 4)

September 22, 2023
Ivan_OFF
2 Answers

I encountered a curious case during development. I have a modal component that warns users about a change in price: If a user clicks the button I want the page to reload and automatically run the onMounted hook, after that…

VIEW QUESTION

Css – Add ripple effect to a disabled button

September 22, 2023
Lahiru
2 Answers

I have a button which would enable and disable based on the mandatory form fields. When the button is enabled, clicking would have the ripple effect. I want to add the ripple effect when the button is disabled as well.…

VIEW QUESTION

Javascript – When data takes time to load in vue, data not available into different child component

September 21, 2023
user2790547
2 Answers

`I am new in vue and facing issues here. My top parent is this page code which mentioned below and there is 2 child component. it is like this {CURRENT PAGE..} > {FancyButton} > {AnotherViewChild} I want to use provide…

VIEW QUESTION

Javascript – Sorting array in Computed property in Vue.JS is not working

September 20, 2023
Roberts_ac
3 Answers

I am currently practicing in Vue.js and I have encountered a problem regarding the sorting of arrays in Vue.js. The sort(a-b) should perform an ascending order which is the least alphabet/value first but the array is still the same. There…

VIEW QUESTION

Javascript – Vue.js component updates one store state variable and doesn't another

September 19, 2023
Rico
2 Answers

I'm writing a Vue 3 app using Vuex and Composition API. I've run into such a problem. A component displays elements depending on the state of two store state variables. One is an array and the second is the boolean.…

VIEW QUESTION

404 Page with Laravel 10, Inertia JS and Vuejs using resource routing

September 19, 2023
Charles Smith
2 Answers

I just started a new project with Laravel 10, InertiaJS and Vue3. I set up two simple models, Blog and Listings. Since this is my first project with Inertia and Vue, I created the blog from a tutorial(for the frame…

VIEW QUESTION

Javascript – Using vue js components when using it from cdn

September 19, 2023
Zsolti Vagyok
2 Answers

I'm trying to use the ButtonCounter component as an example (https://vuejs.org/guide/essentials/component-basics.html#defining-a-component), but I just can't make it work. I use vue js 3 from a CDN. I have the ButtonCounter.js file: export default { data() { return { count: 0…

VIEW QUESTION