小步伐一样平常小记

手机软件开发 2024-9-9 02:21:18 51 0 来自 中国
1.wx常用的跳转方法

2. bindtap与catchtap的区别

2.png 3.小步伐分包的题目

⚠️ 分包之后文件会自动创建
{  "pages":[    "pages/index",    "pages/logs"  ],  "subpackages": [    {      "root": "packageA",      "pages": [        "pages/cat",        "pages/dog"      ]    }, {      "root": "packageB",      "name": "pack2",      "pages": [        "pages/apple",        "pages/banana"      ]    }  ]}4.data自界说属性(组件上触发)



  • data的利用方法:data的属性名不能包罗大写,data-(恣意字符串)。这样界说true,其范例为字符串。
<view bindtap="goPage" data-type="1"></view><view bindtap="goPage" data-type="true"></view>  goPage (e: any) {    // 怎样取值    const dataset = e.currentTarget.dataset;    // 这里的true,打印的会是字符串true哦    const type = dataset.type;  }5.怎样获取屏幕高度

  wx.getSystemInfo({      success(res) {        // 获取屏幕高度        const cliH = res.widowHeight;        cliW = res.screenWidth,        rpxR = 750 / cliW;        const windowHeight: number = cliH * rpxR;      }    })6.小步伐父子传值的方法


  • (1)属性值绑定
<view>父组件中的name为: {{ name }}</view><!-- 通过组件中的name属性将值传入 --><my-child name="{{ name }}"></my-child>

  • (2)   变乱绑定
<view>父组件中的name为: {{ name }}</view><!-- 通过组件中的name属性将值传入 --><my-child name="{{ name }}" bind:emitSetTap="setTap"></my-child>// 子组件  const name = 'name'  this.triggerEvent('emitSetTAp', name);  setTap (e: any) {    const detail = e.detail;    const name: string = detail.name;    console.log(name, '子组件传过来的name')  }

  • (3) 获取组件实例
可在父组件里调用 this.selectComponent(类名/id) ,获取子组件的实例对象。(父组件将会获取 class 为 my-component 的子组件实例对象,即子组件的 this) ⚠️:默认情况下,小步伐与插件之间、差别插件之间的组件将无法通过 selectComponent 得到组件实例(将返回 null)
getChildComponent () {    const child = this.selectComponent('.my-child');    console.log(child)  }<view>父组件中的name为: {{ name }}</view><!-- 通过组件中的name属性将值传入 --><my-child name="{{ name }}" bind:emitSetTap="setTap"**behaviors原文: **https://blog.csdn.net/weixin_46112225/article/details/122408691</p>后续后期再更新哦,敬请等待??
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-11-22 06:31, Processed in 0.197045 second(s), 35 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表