微信小程序父组件向子组件传参,子组件样式无效问题处理

微信小程序父组件向子组件传参,子组件样式无效问题处理

父组件代码

引入

json

c 复制代码
  "usingComponents": {
    "evaluate":"../evaluate/evaluate"
  },

wxml

html 复制代码
  <evaluate id='1111'></evaluate>

子组件代码

json

c 复制代码
{
  "usingComponents": {
    "van-rate": "@vant/weapp/rate/index"
  },
  "component": true, //必须
  "options": { 
    "addGlobalClass": true  //必须加这个 不然子组件css无效
  }
}

js

javascript 复制代码
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 });
    },
  },
});

希望此文章能帮助到你

相关推荐
文心快码BaiduComate16 小时前
用Comate Zulu开发一款微信小程序
前端·后端·微信小程序
Emma歌小白3 天前
如何首次运行小程序后端
微信小程序
赣州云智科技的技术铺子3 天前
【一步步开发AI运动APP】十二、自定义扩展新运动项目1
微信小程序·小程序·云开发·智能小程序
2501_915918413 天前
iOS 上架全流程指南 iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传 ipa 与审核实战经验分享
android·ios·小程序·uni-app·cocoa·iphone·webview
00后程序员张3 天前
iOS App 混淆与加固对比 源码混淆与ipa文件混淆的区别、iOS代码保护与应用安全场景最佳实践
android·安全·ios·小程序·uni-app·iphone·webview
破无差3 天前
《赛事报名系统小程序》
小程序·html·uniapp
00后程序员张3 天前
详细解析苹果iOS应用上架到App Store的完整步骤与指南
android·ios·小程序·https·uni-app·iphone·webview
海绵宝宝不喜欢侬4 天前
uniapp-微信小程序分享功能-onShareAppMessage
微信小程序·小程序·uni-app
2501_915106324 天前
Xcode 上传 ipa 全流程详解 App Store 上架流程、uni-app 生成 ipa 文件上传与审核指南
android·macos·ios·小程序·uni-app·iphone·xcode
亮子AI4 天前
【小程序】微信小程序隐私协议
微信小程序·小程序