小步伐一样平常小记

手机软件开发 · 2024-9-9 02:21:18

1.wx常用的跳转方法

2. bindtap与catchtap的区别

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><my-child name="{{ name }}"></my-child>

(2) 变乱绑定

<view>父组件中的name为： {{ name }}</view><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><my-child name="{{ name }}" bind:emitSetTap="setTap"**behaviors原文： **https://blog.csdn.net/weixin_46112225/article/details/122408691</p>后续后期再更新哦，敬请等待??

小步伐一样平常小记

浏览过的版块

所属分类: 问答交流

新帖推荐: 30日

推荐作品