vue组件获取props_vue 全局组件component 获取props值

关键点：通过:id="getId(info)"将info属性(props)值传递到方法，然后再设置值，网上的watch方法试了无效，这个方法实测有效

源码如下：

// 注册 - 名字不能大写 分页组件

Vue.component('page', {

// 声明 属性

props: ['info'],

template: '

• 上一页
• 下一页

',

data: function() {

return {

counter: 0,

paginationVo:{},

isShowPreBtn:false,

isShowNextBtn:false,

}

},

mounted() {

console.log("-------mounted:"+JSON.stringify(this.paginationVo));

},

methods: {

getId:function(paginationVo) {

if(this.paginationVo != paginationVo) {

this.paginationVo = paginationVo;

}

console.log("拿到数据:"+JSON.stringify(paginationVo))

return "pageDefaultId"

},

},

});