Vuejs2 Questions
Ad
How to configure firebase cdn / caching in Vue.js app?
I have developed my project using vue.js webpack template. i want to configure firebse cdn/caching. but have no idea what to do..
How to delay a button display to 2s in Vuejs
I have a button component which i am using in several places. but i want to show that button after 2s on a specific page. how can i achieve this
How to get updated CSS width of a Vue element in a flexbox grid after it has changed?
This one is a head scratcher for me. maybe i am not seeing something in the vue lifecycle that i should be taking into account. i'll try to make
How to bubble events on a component subcomponent chain with Vue js 2?
I have my vue application using: component-parent component that is made of component-child inside component-parent i have
vuejs loading component dynamically depending on route component
I'm a newbie to vuejs and i'm wondering how i can load the component to app.vue depending on the route visited. in my router
Vuetify v-slot:activator not stopping
I have a text-field that's triggering a color-picker. this is inside a v-for loop as well. all is fine until the
Child component with muti-root nodes cannot be styled from parent scoped style
I need to style an entire component from another component where it is being used, in vue 3 + vite. i'm trying to set a class to the component tag
how to set up a computed var in Vue to change the vue-bootstrap badge variant color
I am attempting to set up a computed var in vue to set the variant of a bootstrap badge tag <b-badge> depending on data being
Vue-good-table won't display "emptystate" after being populated
I have a vue-good-table that initially renders the "emptystate" message before i assign values into the rows field. after i add values to the rows
Vue router : TypeError: Cannot read property '$createElement' of undefined
So, i am pretty new to vue.js and it might very well be as stupid mistake from me, but alas, google doesn't seem to be my friend today as i've
Ad
Vuejs prevent adding new line in contenteditable
How can i prevent enter from adding new line in contenteditable div. i have tried @keyup.enter.prevent but it's not working. also tried
Reload page in vue just once in mounted
When user visit the page i want the page to refresh just once. but if i place location.reload() in mounted() .
Can I use props in computed property to bind a css class?
Is it possible to use the props inside a computed property, in some other way? when i do this, it add the class 'foo' (name of the props),
Using V-For to provide values to Radio Button input?
Apologies if this is a super basic question, but i'm building a radio button component, which iterates over array of objects, each representing a
Vue.js: Conditional Rendering Array Using Computed Property
I'm new to vue and have spent the past several hours looking into how to use conditional logic within methods and computed properties for a
v-model not working with javascript functions
I am new to vue js and have been learning it from the documentation provided. my project is a simple task adding web-app. on using the v-model
Vue-Select is Unable to Create Options from an Array
I am a beginner who is currently learning vue and nuxt js and developing a simple web application with nuxt js. currently, i am trying to make a
Vue dynamic form elements in for loop
In a vue component i want to generate dynamic input elements in a for loop and bind them to the data.form element. data() {
vuejs 3 multiple plugins
How can i use multiple plugins within vuejs 3? import { createapp } from 'vue' import app from
Non breaking spaces are rendered as regular space in vue template
When i used in vue template, in browser they are rendered as regular space. <template> <p>
How to submit Laravel VueJS dynamic form data?
I am new to vue.js. i am trying to make a form dynamic (only a certain part of the form dynamic.). a user can have multiple guarantors. so i made
Ad
problem in Laravel to show vueJs component
I'm using vuejs in my laravel blade. i define component to use as a child in one of components ,now component is not defined. defined
can't add user photo with vuejs
I have built a profile components to my projects (laravel+vuejs) when i try to show the user photo in her place it didn't show i try many ways
VueJS dynamically add textareas based on user click (tinymce issue)
I built a dynamic form where the user has the option to add as many html textareas as possible. the problem i'm running into is when the user
How to use .js file components in routes for a router
I have just started learning vuejs and i got stuck on how to use components in routes for a router. i have a component:
How to reset password manually via answering the security questions without sending email (Laravel/Vuejs)
I am currently developing a simple bookstore application with a few numbers of users on which sending emails are not needed because it will be
How to host vuejs/firebase apps on 3rd party host
I'm just starting out on firebase and found out its an amazing service for managing your back-ends and database. i am considering building an app
BootstrapVue Modal opening outside of rendered nuxt element
I'm using bootstrapvue with universal nuxtjs. the problem is; when i click the button, the b-modal element opened at the bottom of the
JSON-LD Schema NUXT
I am creating a nuxt application powered by wordpress. i am receiving json-ld in my wp rest api via a schema plugin.like so,
Vue JS set first item in a populated select to be selected with v-model
I have tricky challenge with vuejs, i want to have two select fields. the first one should select fruits for example, and the second should list
ReferenceError: Vue is not defined (laravel)
I know there have lots of similar questions of this but i couldn't find a solution from those. already installed npm of vue and
Laravel Vue VueRouter history mode
I'm building an e-commerce project with laravel, vue and vue router i want to use vue router with history mode but it cause me
Ad
I am Trying to make a Button that shows red color when the value is true
I am creating web apps using pixabay api. i want a user to favorite an image and change the heart icon color to red. but it's not working.
How do I sort a list when using List Rendering in VueJS
I am working with list rendering in vue2. the list renders ok, but is ordered based on the order of the data in my array. therefore, i need to
How to loop through a sub array in a Json array in Vue Js?
I am having a json data array, i need to loop through outer as well as inner subarray and need to create a table. below is the sample array
Mixed Content on Vue-select Component
This is a bit of a weird one. on my local development environment, this works perfectly, but once i go on a staging or live server -
pass data between slot and component vuejs
Hi im using vuejs2 and laravel in project what im asking is it possible to pass data from slot to component like this
VueJs updating select-boxes accordingly
I am looking for right solution to update multi select box based on each select option. logic
How to use v-for in script
I have map data that only accepts sting values and data has to be placed in script (not allowed to pass data from
Vuejs equivalent of jquery-cron
Does anybody know an equivalent of jquery-cron
On refresh vuejs template is not working and I get just json Data, Vuejs and Laravel
I have a route where when i refresh the page i get only the json info for that page. (only on refresh f5). the rest of the routes are ok. i am not
Laravel - Status Code: 500 Internal Server Error
Hello i want to update my data in db using v-form but 500 internal server error show: this is my function in controller:
export 'default' (imported as 'VueFire') was not found in 'vuefire'
Every single tutorial for how to use firebase with vue says that in the main.js file i have to add vue.use(vuefire); which makes sense. but then i
Ad
Axios download file from returned url
I have returning data like: data: "c:\laragon\www\test\public\exports\20200501030547-products.xlsx" message: "products are
Cannot read property 'array_name' of undefined - Vue.js
I am trying to fetch data through axios' request and push into an array. here is my code: props: [ 'products', ],
Why my page can get the Vue.js 2 data attributes but it is not reactive?
I have a laravel vue.js 2.0 project and i don't know why i'm getting the result but when i tried to use v-model to an input field. it is not
VUE2 component register in Laravel
Laravel(5.8) and vue work very nice togheter, but my app.js is getting to big. for example, i have the following app.js:
Rendering multiple vue components in laravel 6.x
I'm new to laravel and vue, i've created a navigation component and an article component. i believe i've setup vue correctly, the issue is
Why doesn't binding style my Vue component?
Const eventlevelboard = { name: "eventlevel", data: { levelstyle: { display:
How to get recurring component event to parent in Vue
So i have a commentbox component that lists user comments (comment) in a nested parent-child hierarchy using recursion. //
Can't increase / decrease data property value in Vue
I am new in vue.js and facing a simple problem in vue reactivity. i am trying to increase or decrease a value in a data property and also update
Upload multiple file with VueJs and Laravel
I try to do a single post request to upload multiple files. now i have a functionally method that works for multiple files. but i want a single
using same method for several html tags ids making it react attuning with the id where the @click take place
Good day developers. in this app, i'm trying to establish poll votes. so in my logic i did frame a tag in html with several buttons and their
Is it possible to get full url (including origin) from route in VueJS?
In this example: const resolved = this.$router.resolve({ name: 'about' }) console.log(resolved.route.path) is
Ad
How to show retrieved data from firebase to header tag <h1>{{ }}</h1> in vue js?
I have been trying to show retrieved data from firebase into tag but does not display nothing. i have retrieved data of current user
Unable to Filter Array from API on VueJS
Im working on nativescript-vue app and im trying to solve this. situation i receive data from api. below is the
Vuejs get arrays under array in dropdown
I have such data
Vue how push object with specific key to array
I'm working on an vue-application where i have a component for driving licenses. i have the following: data()
Laravel sharing data with all view then how can we manage this key in all our vue compoents?
I am developing laravel with vue application. in laravel i am using view::share('key', 'value'); so i am getting all key value in all blade files.
How to get data from firebase when page loading using vuejs?
I have been trying to get current user data from firebase to display details in profile page. here i am trying get data from firestore,
Allow only one document to be created in Firestore, disallow update, edit etc
I'm writing quiz app of sorts using vuejs and firebase firestore. so far i've made everything except this one last part. users are
Firestore data not changed in Vuex
I have this vuex action that should change a users status on logout but since false values aren't save in firestore, it isn't working
Access "this" in template
I want to dynamic create map layers in my template. therefor i think i need access to the vue instance in my template
Vue CLI - Parsing nested data in component from local JSON
I want to render the following view from json with a vue component:
Post request if user close tab, Vuejs
I try to make post request if user try to close tab or change route. but i get null value for one variable. detecttabclose() {
Ad
How to get data in vue template by call a function
I have multiple stores. these shops sell a variety of products. a list of shops should be displayed on the page, as well as a list of the
Nuxt auth update auth on custom requests
From nuxt auth website i saw this: setusertoken(token) returns: promise set the auth token and fetch the user using the new token
How to print JSON data in a loop in Vue.js
I have this json data { "districtdata": { "east delhi": { "lastupdatedtime": ""
Append property to each object within array
Good morning all, so here i asked myself the question to see if i was optimizing this rating there but i feel like i'm doing the wrong
Render html using filter
I need to write a filter which renders html tags. this is my filter: filters: { limitstrlength: function (value, maxlength) {
How to define `setInterval` in the scope of specific component in Vue?
I want to run setinterval just in the scope of a specific component (limit to that component not the whole of application) because
Pass a parameter to Vue router meta title
I am trying to create a dynamic title for a vue route. it seems i cannot find a way to pass a parameter into meta title. i need it, because i have
Laravel and Vue.js loop function
I'am trying to loop trough some new showing one at a time, and after i've done this 8 times it should get the data (if updated) and do it again. i
Vuefire with Chart on Vue.js
I am trying to sync my chart' array data with my firebase value. chart getting arrays for label and data. i would like to bind this chart data
Axios post response is html
Good morning all, i use: "laravel/framework": "^6.2", "axios": "^0.19", "vue": "^2.5.17", i have a problem when i use a axios.put
Using V-model and Value in the Same Element VueJS
I want to use v-model and value in the same input. i want to use value for initial value from
Ad
How to do "submit form after user stop typing" in vuejs2
I have a search module in which: when a user stop typing it should search the name. what i think the solution is to do a
Firebase Firestore Returning Timestamp as Empty Object
Firebase.firestore().collection('items') returns all strings as expected, but the created at timestamp is returned as an
vue.js: how to escape variable in escaped content
I'm using vue2 and i need to escape a variable inside escaped content. sounds strange, but this code will clarify (table cell inside a row):
update data in slot vuejs
Hi im using vuejs with laravel project and this is my vuejs code vue.component('search_and_select',{ template:
Vue - Single File Component not rendering
I have a small app, which will include multiple similar forms. to avoid writing same things many times, i've been trying to split the form
Compare two nested objects by its keys and get the matched object/array
I have 2 objects a and diff i need the matching array or object from nested object "a". the input as below : var a = {
Deconstructing/mapping all Vuex state object properties to component scope
In my component, im trying to retrieve object from vuex state, and bind all of it's properties directly to the the component's
how i can separate the buttons click event from row click event inside a row in a vuetify data-table
# how i can separate the buttons click event from row click event inside a row in a vuetify data-table,
How to trigger a method in Single File Component from another Single File Component VueJS
I have three components i want to trigger the show() method that is located in overlay.vue component, from the
Filter value of object in VueJS
I need to check if the value of startat is present in an object. it should return the id of
Failed to mount component: template or render function not defined using vue.js
I'm learning vue. js .i'm trying to make simple form by using vue.js but i got above error while making a form. i tried but unable to fix the
Ad
How to display contenteditable contents properly? (laravel) (vue)
I have done saved the contents inside the #descrition below. <div id="description"
Component communication in Vue.js unable to render properly
In the parent component i have: <todo-item v-for="(todo, index) in todos" :key="todo.id" :todo="todo"
Vue-Router: Protecting private routes with authentication the right way
I have a /profile route that should only be accessible by an authenticated user. from research, the recommended approach is to use
Good practices to manage user session data with vue and laravel API
I am building a single-page application with vue and laravel api as backend. i've tried some
Compare values in methods
I am new to vue and i am trying to compare old value of input versus the new value in the input during focus and blur events. i have the
Vuejs route redirect on refresh
When i use refresh button in my browser or hit f5 on keyboard instead of refreshing my page it redirects to home page.
Vue Router router-link-exact-active for dynamic route
I am trying to get the nav bar link introduction to be active by default when using the dynamic variation of the
How to calculate between dates in Laravel + Vue js project
I am tired to calculate date with start & end date in my laravel & vue js project? i have also installed moment js. code as below,
Why when I try to render a page with an error when loading a site using the module vue-template-compiler?
I try to start the web server, the web server starts. but when you load the main page of the site (with the rendered idea using the module
Create data array with loop in vue
I have this data array holding repetitive item in the component: data () { datasets: [ { text: "", value:[ {
Vue infinite doesn't load data properly
I am trying to get my data with vue-infinite-loading
Ad
Make v-text-field required based on v-radio choice
I am new to front end specially vue in my register page, i have this v-radio-group <v-radio-group v-model="row" row
Error in render: "TypeError: Cannot read property 'name' of undefined" (Vue)
I just learn about vuejs using state management like vuex. i got this error error in render: "typeerror: cannot
Ad
Blog Categories
Ad