Skip to content
Fix Code Error

Tag: vue-component

Vuejs Transition

July 13, 2021 by Code Error

Posted By: Anonymous I want to add transition when the values get changes but cannot accomplish it. I need to change the background when the values get updated. Can anyone help me out? Codesandbox Link – Vuejs Transition <template> <div id="app"> <div class="box"> <div v-if="change > 0"> <transition name="increase"> <span>+ {{ amount }} </span></transition > …

Continue Reading

Rendering nested list with v-for and vue components

July 10, 2021 by Code Error

Posted By: Anonymous I am trying to render nested lists with vue components. My approch so far is to create two compontens: One component to render the ‘Blog’ posts and one component to render the comments. The ‘Blogs’ are rendering just fine, but the whole ‘comments’ are missing. I get no errors other than a …

Continue Reading

Pop up doesn’t disappear when I click “Stop Capture” button of screen recording functionality

July 7, 2021 by Code Error

Posted By: Anonymous I’m facing this trouble with popup. When I select "get audio from desktop" and click "Start Recording" , another popup of browser appears , asking me for another decision ( It is about selecting the screen and sharing audio .I realize if I select "Sharing Audio" and click the blue button "share" …

Continue Reading

vue unexpected reactivity from props

July 6, 2021 by Code Error

Posted By: Anonymous I just noticed an unexpected behaviour and now I don’t know if it is normal or not. I have a component named follows and a child component named follow-list-modal I’m passing a followList (pagination ) from follows to its child component follow-list-modal In the follow-list-modal I store the paginated array in the …

Continue Reading

How can I hide a div in all instances of a component while I open it my current target

July 5, 2021 by Code Error

Posted By: Anonymous I’m showing a div on click from a child component. The component is rendered multiple times on the page outside any kind of loop. When I show the div in this specific instance of the component I want to hide it in all others. I’ve tried using a ref to close all …

Continue Reading

pass certain value dynamically to computed function in Vue.js

June 30, 2021 by Code Error

Posted By: Anonymous Im trying to pass an id with the v-model so i can pass that to my computed function. The purpose of my function is to dynamically filter a table without hardcoding the names in the function. The function has to be able to filter both select boxes. my data is called guides, …

Continue Reading

Uncaught TypeError exports is read-only

June 30, 2021 by Code Error

Posted By: Anonymous I’m working through the vue bootcamp from Scrimba right now and I can’t seem to get the event bus working for communicating between components. I get this error when going to my page Uncaught TypeError: "exports" is read-only Following along exactly like the video, even copying and pasting their code gives me …

Continue Reading

Add a button in every row to a b-table using template

June 28, 2021 by Code Error

Posted By: Anonymous I am trying to add a button to every column of my table by using a Vuejs template and I get the Actions column but the button does not appear. I think I am missing something <template> <div id="menu"> <br> <b-table :items="items" :fields="fields"> <template slot="actions" slot-scope="props"> <span> <b-btn>Edit</b-btn> </span> </template> </b-table> </div> …

Continue Reading

Uncaught TypeError: Cannot set property Tree of # which has only a getter

June 27, 2021 by Code Error

Posted By: Anonymous I’m using Vue 3 with <script setup> and I’m getting an error when I’m trying to use a component. In Vue 2, it worked like this: <template> <Tree /> </template> <script> import { Tree, Fold, Draggable } from ‘he-tree-vue’ export default { components: { Tree: Tree.mixPlugins([ Fold, Draggable ]) }, } </script> …

Continue Reading

how to expose component methods in render function in vue3 with ts

June 26, 2021 by Code Error

Posted By: Anonymous I want to call the child component methods in parent file and the child component is created by render function. below is my code child.ts export default { setup(props) { //… const getCropper = () => { return cropper } return () => // render function h(‘div’, { style: props.containerStyle }, [ …

Continue Reading

Flask REST API returned json data with extra empty curly brackets at the end

June 22, 2021 by Code Error

Posted By: Anonymous So I am making this API to work with my Vue front end, at first everything worked just fine but I don’t what happened suddenly the front end can’t display the retrieved data properly, I’m using the data on select and it just shows empty options. And when I checked the returned …

Continue Reading

Is it possible to pass data from Polymer component to Vue component?

May 5, 2021 by Code Error

Posted By: Anonymous The below code is what I’d like to do but it currently doesn’t work. I’m trying to start building Vue components inside my Polymer app as a way to slowly migrate off Polymer. I’ve been able to get a Vue component working inside my Polymer app, but I’m stuck on how to …

Continue Reading

Can sorting be enabled for all columns in the b-table component?

April 21, 2021 by Code Error

Posted By: Anonymous From the bootstrap-vue documentation i can see how to enable sorting per column but is it possible to do it for the entire table? Solution It’s not possible but you could use a computed property to deal with that easily by mapping fields property and adding sortable key with true value like …

Continue Reading

vue v-for object props

April 21, 2021 by Code Error

Posted By: Anonymous I am trying to pass an array object to a component, but am not getting anything create.vue <el-row > <component1 v-for=”product in products” :value=”product” :key=”product.id”></component1> </el-row> //script section data() { return { products: [] //there have (id = 1, name = first), (id = 2, name = second) } } component1.vue <el-row> …

Continue Reading

Vue.js datepicker not allowing the update of default value of input field

April 21, 2021 by Code Error

Posted By: Anonymous i was using the vue-date-picker for date picker functionality at an input fields because it matched 100% to my requirements. Problem is it working but on loading the page i am passing a default value from the database. but it is not showing me the value until i delete the v-model attribute. …

Continue Reading

Vue plugin, adding global component which takes data

April 21, 2021 by Code Error

Posted By: Anonymous I am using Vue plugins so that user can access a global component once registering the global component and configuring it inside Vue.use. For this I need to pass some data from Vue.use() to Component.vue. Take a look at the following code: Vue.use(MyPlugin, { data: true }); the code of MyPlugin is …

Continue Reading

Vue.js 3 this.$root.$on is not a function

April 21, 2021 by Code Error

Posted By: Anonymous I have a component which triggers this.$root.$emit(‘some-root-event’) like clickHandler: function() { this.$root.$emit("some-root-event", "aaaaaaaaaaaaaaaaaaaaaa"); console.log(‘About $root.$emit’) } Another component inside should catch this event but throws me an error: this.$root.$on is not a function The code of the second component looks like mounted() { this.$root.$on("some-root-event", (data) => { console.log("About listener catch $root some-root-event"); …

Continue Reading

How to mix namespaced mapGetters with global getters?

April 21, 2021 by Code Error

Posted By: Anonymous I have namespaced one of my Vuex modules and I am unsure what syntax I should use for this scenario. I am currently using this syntax where dealfilters is my namespaced module. …mapGetters(‘dealfilters’, [ ‘dealCount’, ‘pending’, ‘arrival’, ‘nights’, ‘tag’, ‘sortOptions’ ]) How would I go about adding a global getter for this …

Continue Reading

Vue carousel autoplay do not stop on flag change

April 21, 2021 by Code Error

Posted By: Anonymous I want a carousel to be autoplaying untile the user clicked on a dropdown where the carousel go to that option slide, and the autoplay should stop. The only thing i can’t make work is stoping the autoplay, i have vue devtools installed and it show in the carousel component that when …

Continue Reading

Vue js switch css class

April 21, 2021 by Code Error

Posted By: Anonymous I am using vuejs and I would like to switch my class depending on the data value. If its a negative number, i would like to use the .neg class and when its a positive number, i would like to use the .pos class. Everything is working, except for adding the class. …

Continue Reading

Vue how to call filter from parent

April 21, 2021 by Code Error

Posted By: Anonymous How can I be able to call filter of parent using single file component. Below are my code. app.js import computed from ‘../vue/mixins/computed.js’; import filters from ‘../vue/mixins/filters.js’; import methods from ‘../vue/mixins/methods.js’; const app = new Vue({ el: ‘#app’, mixins:[ computed, filters, methods ], mounted: function() { } }); home.vue <template> <div class=”home-content”> …

Continue Reading

Why is Vue updating the all components instead of just the changed component in a v-for?

April 21, 2021 by Code Error

Posted By: Anonymous I’ve got a v-for list which contains a component. Inside the component I display either a <div> or a <input> depending on the value of a property. The problem is that when I change the property value, all of the items in the v-for are updated and not just the component that …

Continue Reading

I want to show Modal box when I click a button in VUE js

April 21, 2021 by Code Error

Posted By: Anonymous I have created the code using bootstrap and VUE js. When I click the button the popup window not showing. I have used VUE js components. I want my output to look like https://prnt.sc/pkhrff but now I am clicking the button nothing happened. My code is here to review! HTML: <div class=”register-wrap” …

Continue Reading

How to change value of component property in a code in Vue.js?

April 21, 2021 by Code Error

Posted By: Anonymous I have an array of generic child components in my parent component: <component v-for=”item in items” :key=”item.id” :is=”componentName”> I can get a child via this.$refs, but I can’t set a new value for a prop :is like: this.$refs[id][0].is = ‘MyNewComponentName’ How can I set a value of component instance property in a …

Continue Reading

How can I add condition in href on vue component?

April 21, 2021 by Code Error

Posted By: Anonymous My vue component like this : <template> <ul class=”nav nav-tabs nav-tabs-bg”> <li role=”presentation”> <a :href=”baseUrl+’/search/store/’+param”> Store </a> </li> </ul> </template> <script> export default { props: [‘type’, ‘param’], } </script> I want to add condition in href If type = ‘a’ then href = <a :href=”baseUrl+’/search/store/’+param”>Store</a> If type = ‘b’ then href = …

Continue Reading

prevent refresh of index page when navigating away using Vue router

April 21, 2021 by Code Error

Posted By: Anonymous I am new to Vue. I am using Vue-router and I have some animations and videos on my index page. I would like to prevent the index page from refreshing if I navigate away to the about page for example, so that the user, when they click back to the index page …

Continue Reading

Vue-multiselect inconsistent reactive options

April 21, 2021 by Code Error

Posted By: Anonymous So I’m building an application using Laravel Spark, and therefore taking the opportunity to learn some Vue.js while I’m at it. It’s taken longer for me to get my head around it than I would have liked but I have nearly got Vue-multiselect working for a group of options, the selected options …

Continue Reading

how to use “v-for” for adding or removing a row with multiple components

April 21, 2021 by Code Error

Posted By: Anonymous i have a row with 3 components(in which is a defined component 1, component 2 and component 3, as showed in my previous question: VueJs component undefined ) how can i add a row or remove a row (in which has 3 components) using v-for? var data1={selected: null, items:[“A”, “B”]}; Vue.component(‘comp1’, { …

Continue Reading

How to target a within a with Vue.js @mouseover?

April 21, 2021 by Code Error

Posted By: Anonymous Codepen with example. I have a SVG map with various paths that hold data. What I’d like to do is pick up the state name when the path is hovered over. I attached a event listener to the svg element and am looking for the event.target to get specific path from the …

Continue Reading

Vue.js 2 – retrieve form elements from server and render CRUD

April 21, 2021 by Code Error

Posted By: Anonymous I’m Vue.js newbie and my task is: make an ajax call (GET) to server, using RESTful API (Laravel on background) retrieve a (JSON) list of Form CRUD items in array (like checkbox, input text, textarea…) with their properties (value, checked, custom classes…) render CRUD form with these form items maybe using Vue’s …

Continue Reading

Posts navigation

  • 1
  • 2
  • 3
  • 4
  • …
  • 38
  • Next

.net ajax android angular arrays aurelia backbone.js bash c++ css dataframe ember-data ember.js excel git html ios java javascript jquery json laravel linux list mysql next.js node.js pandas php polymer polymer-1.0 python python-3.x r reactjs regex sql sql-server string svelte typescript vue-component vue.js vuejs2 vuetify.js

  • you shouldn’t need to use z-index
  • No column in target database, but getting “The schema update is terminating because data loss might occur”
  • Angular – expected call-signature: ‘changePassword’ to have a typedeftslint(typedef)
  • trying to implement NativeAdFactory imports deprecated method by default in flutter java project
  • What should I use to get an attribute out of my foreign table in Laravel?
© 2022 Fix Code Error