wepy父子组件传参

最新推荐文章于 2022-11-09 15:04:15 发布

于丸

最新推荐文章于 2022-11-09 15:04:15 发布

阅读量512

点赞数

分类专栏： wepy的踩坑以及和vue的区别

本文链接：https://blog.csdn.net/Ych_cxy/article/details/100553051

版权

wepy的踩坑以及和vue的区别专栏收录该内容

7 篇文章 0 订阅

订阅专栏

//静态传参
<child title="mytitle"></child>

// child.wpy
props = {
    title: String
};

onLoad () {
    console.log(this.title); // mytitle
}

//=========================================================================================

//静态传参绑定变量
// parent.wpy
<child :title="mytitle"></child>
data = {
	title:"11"
}

// child.wpy
props = {
    title: String
};

onLoad () {
    console.log(this.title); // 11
}

//=========================================================================================

//父亲变孩子也变
// parent.wpy
<child :title.sync="mytitle"></child>
data = {
	title:"11"
}

// child.wpy
props = {
    title: String
};

onLoad () {
    console.log(this.title); // 11
}

//=========================================================================================

//孩子变父亲也变
// parent.wpy
<child :title="mytitle"></child>
data = {
	title:"11"
}

// child.wpy
props = {
    title: String,
    twoWay: true
};

onLoad () {
    console.log(this.title); // 11
}

//=========================================================================================

//不管父亲孩子一个变另一个也变
// parent.wpy
<child :title.sync="mytitle"></child>
data = {
	title:"11"
}

// child.wpy
props = {
    title: String,
    twoWay: true
};

onLoad () {
    console.log(this.title); // 11
}

//以上的这几点vue只能用watch等来处理