小程序学习day6

(要使用js代码必须要加在花括号里{{}}  )

(wx:for里使用的数组 不仅可以是数,也可以是字符,甚至是对象;{{index是获取序号}}  {{item}}是获得内容)

用for还能直接让下面一个块<view>执行三次

 

框架接口

 

 

生命周期

 

将js里全删之后,自己写非常麻烦,可以快速自己生成,输入page后点这一个(初始化)

 

 

生命周期里的onload, 每次加载就会执行,用cosole.log使其执行

 

 

onload会在onready之前,而且每次onload在打开小程序就算作执行完毕,而onshow是每次都切后台后进去也会再次执行(就是其他页面跳到当前页面内也会执行)

 

onhide就是关闭页面后执行的(一般都是从一个页面跳转到另一个页面,也就书先onHide,如果回来的话才onShow)

生命周期有个函数:下拉触底,不会直接显示,原因是你的页面都没设置高呢。。。。(另外上拉刷新也必须先设置为true(开发文档页面设置里)

 

 必须要把页面高设置了

 

 

 如何在生命周期中用自己的函数呢,就需要使用事件呢。

 

事件

 (开发文档-指南-视图层-事件系统)

 要绑定事件,需要bind(后缀) 如bind tap之类的

 设置一个回调函数研究点击这个事件

 

 

 

点击

 

 

 

 

 

 点击后出现

常用的是这个currentTarget

第一个dataset,可以在前端传数据

 

 要想传数据,在wxml中写data-id=“”XXX"即可

 

 

想点击直接显示他怎么办呢?如下

 

 此时dataset作为一个对象传回来

 

那前端想传变量怎么办?前端用JS即可

当然首先要在data里设置(不设置如何使用呢?)

 

然后前端引用

 

 但此时遇到一个问题,data里的name虽然我们没有设数据,但其实他也是“存在的”,我们想用前端传数据,等同于我们要在点击按钮这个事件中

通过事件函数修改data里面的name值,这里老师介绍了一种常用的方法。

 (注意这有一个错误方法,想通过java那样修改,这是不行的)

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

✔正确方法:

 

 需要用setData!

 

 (注意符号。。。弄了半天。。。)

 

posted @ 2022-01-21 15:24  熵0w0  阅读(31)  评论(0)    收藏  举报