Category "vue-component"

Set Footer Section at the bottom , VueJs

I have installed vue cli & added header & footer components in a vue page but they are coming one under another how i can place footer section in bottom

Multiple forms with one submit() method by Vue

I have a few forms. Every of them have the same logic (validation, sending...) so, I want to create one method to control actions on my forms. For now my code i

Watch height of an element in VueJS

Is there any way to set a watcher on the height of an element in VueJS? I am trying to fix the filters part on a search result page. but if the results change

[Vue warn]: Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on 'Node'

I'm receiving the following error messages in my Vue web app occasionally but when it does happen, it completely halts my app. Error msg 1: [Vue warn]: Err

passing object to component using v-for

I am trying to send a series of objects that are in an array to a child component using v-for, but when I try to access them from the child component, it tells

Vuetify v-app-bar-title component is truncated with plenty of room to spare

I am using a navigation bar in my Vue/Vuetify app, and added a v-app-bar-title component to display the name of the page the user is currently on. However, when

Check if a component has an event listener attached to it

Assuming there's some <Form> component. It can be called with a @cancel event listener attached to it and if it's the case, I want to show the cancel butt

how to work with v-select inside b-table?

I'm working with v-select elements inside a b-table but i've a problem when i put the "responsive" property in my b-table. It looks as if the v-select is contai

Problem to use VueI18n outside a component

I'm trying to use i18n outside a component I've found this solution https://github.com/dkfbasel/vuex-i18n/issues/16 telling to use Vue.i18n.translate('str'), bu

Use Vue variable in style section of a component

Is it possible to use a variable with the style tag of a component? Basically I have imported a mixin to my style tag that accepts 2 colors to create a gradient

How to evaluate Vue.js component props in the data property?

I have 2 components: Post and Comments. Inside Post component, there is Comments component that has 3 props: postId, numCom (number of comments) and comments (

Property 'XXX' does not exist on type 'CombinedVueInstance<Vue, {}, {}, {}, Readonly<Record<never, any>>>'

I created a vue component with TypeScript, and I'm getting this error in data() and in methods(): Property 'xxx' does not exist on type 'CombinedVueInstance<

Vue Dynamic Layouts mounting router-view component twice

I setup my Vue project to use dynamic layouts - that is, layouts that persist from page to page, assuming the layout for the new page is the same as the last pa

Lazy loading translation file in <i18n> tag

I want to reduce my app size and i started from language files. I'm using vue-i18n Single File Components and i can lazy load like this vue-i18n Lazy loading. I

Set dynamic class depending of parameter received

I'm new using Vuejs and I have a component that I want to set height value only if I send a parameter in props So, my class is something like this: <input

Undefined prop in child component

I have a parent component containing three child components. The first child component is a form. On a submit event it passes data to both the second and third

How do I pass data in $router.push in Vue.js?

I am creating an alert component for a CRUD app using Vue.js. I want a message to be passed to another component once data has been saved. Currently I am trying

How to pass styles to child component and use it as scoped style in Vue?

I have a parent component: <template> <ChildComponent :styles="styles" /> </template> <script> export default { data: () =>

Watching computed properties

I have a component with the following hash { computed: { isUserID: { get: function(){ return this.userId? } } } Should I b

Using Font Awesome in Vue 3

I'm trying to use Font Awesome with Vue 3. I have it in my package.json "dependencies": { "@fortawesome/fontawesome-svg-core": "^1.2.34", "@fortawesome/free-bra