vue ajax动态加载组件,vue.js 动态添加组件

前端页面：

Previous

Next

• idcard:{{ userinfo.idcard }}
• 姓名:{{ userinfo.name }}
• 手机号: {{ userinfo.phone }}

个人档案

js：

Vue.component("info_div_card", {

props: ['userinfo'],

template: '#info_div_card',

methods: {

jump: function() {

console.log(this.userinfo.idcard);

}

}

});

info_card = new Vue({

el: "#info",

data: {

items: []

}

});

function addcard(){

console.log(info_card.items.length)

info_card.items.push({

name: "abc",

idcard: "1111",

phone: "137",

imgs: []

});

}

addcard()方法会动态添加info_div_card组件