Breaking News: Grepper is joining You.com. Read the official announcement!

Passing props dynamically to dynamic component in VueJS

Evil Eland answered on August 26, 2022 Popularity 3/10 Helpfulness 1/10

answer Passing props dynamically to dynamic component in VueJS

related vue dynamic component props

Passing props dynamically to dynamic component in VueJS

Comment

<div v-bind="{ id: someProp, 'other-attr': otherProp }"></div>

Popularity 3/10 Helpfulness 1/10 Language typescript

Source: stackoverflow.com

Tags: typescript

Link to this answer
Share Copy Link

Contributed on Aug 08 2024

Evil Eland

0 Answers Avg Quality 2/10

Closely Related Answers

vue dynamic component props

Comment

//--- html
<component 
    v-for="(comp, index) in dynamic" 
    :key="index"
    :is="comp.component" 
  	v-bind="{...comp.props}" />


//--- script vue
import component1 from 'component1';
import component2 from 'component2';

export default {
	components: {
      component1,
      component2
    },
	data(){
		return {
    		dynamic: [
            	{ 
                	component: 'component1',
                    props: {foo: bar, ...}
             	},
                { 
                	component: 'component2',
                    props: {foo: bar, ...}
             	},
         	]
    	}
	}
}

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Aug 26 2022

LPK.Dev

0 Answers Avg Quality 2/10

Passing props dynamically to dynamic component in VueJS

Contents

More Related Answers

Passing props dynamically to dynamic component in VueJS

Closely Related Answers

vue dynamic component props

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.