微信小程序父组件向子组件传参,子组件样式无效问题处理
父组件代码
引入
json
"usingComponents": {
"evaluate":"../evaluate/evaluate"
},
wxml
<evaluate id='1111'></evaluate>
子组件代码
json文章来源：https://www.toymoban.com/news/detail-700444.html
{
"usingComponents": {
"van-rate": "@vant/weapp/rate/index"
},
"component": true, //必须
"options": {
"addGlobalClass": true //必须加这个 不然子组件css无效
}
}
js文章来源地址https://www.toymoban.com/news/detail-700444.html
Component({
data: {
//基本数据
},
lifetimes: {
attached() {
//传递参数接受 this.xxx
console.log(this.id);
},
},
//自带方法
pageLifetimes: {
show() {
console.log(2);
},
},
//接受类似 vue props
properties: {
id: {
type: Number,
value: 0,
},
},
//自己自定义方法
methods: {
tabsTo(e) {
const statusId = e.currentTarget.dataset.id;
this.setData({ statusId });
},
},
});
希望此文章能帮助到你
到了这里，关于微信小程序父组件向子组件传参,子组件样式无效问题处理的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
