关于vue component组件的使用,监听传进来的值,发射对应事件并被接收大佬们有什么好的建议?

注册一个全局组件component
子级
Vue.component("vm-page",{
props:{
isShow:{
type:Boolean,
default:true
}
},
wacth:{
isShow(val){
console.log(val)
}
},
mounted(){
this.perPage();
},
data:function(){},
methods:{
perPage(){
vardata=[
{
key:"20",
value:"20条/每页"
},
{
key:"50",
value:"50条/每页"
},
{
key:"100",
value:"100条/每页"
}
];
varoptions=[];
data.forEach(function(item,index){
varoption=
''+item.value+"";
options.push(option);
});
$("#pk_bet_pages")[0].innerHTML=options.join("");
$("#pk_bet_pages").selectpicker("refresh");
},
makePage(){
varpageSizes=$("#pk_bet_pages").val()*1;
this.$emit("pageSizes",pageSizes);
}
},
componentUpdated(){
console.log(12345,"12345");
},
template:`
data-live-search="true">
`
});
父级
0">
newVue({
el:"#money",
data(){
return{
parmas:{
page:1,//当前页数
pageSize:100,//每页数据量
totalCount:0//总数据量
},
list:[],
pageSizes:20,
};
},
methods:{
hasPages(pageSizes){
console.log(pageSizes,'123456')
},
}
});
遇到的问题
父级的list长度改变之后,子级无法监听到list的长度大于0并返回true
子级发射的事件父级接收不到
希望大佬指教一下,谢谢
慕慕森
浏览 433回答 2
2回答

偶然的你

hasPages括号去掉,isShow前面加冒号绑定值

侃侃尔雅

没有绑定
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript