关于微信小程序的一些要点

关于微信小程序的一些要点,第1张

redirectTo :关闭当前页(卸载),跳转到指定页

navigateTo :保留当前页(隐藏),跳转到指定页

switchTap :只能用于跳转到tabbar页面,并关闭其他非tabbar页面,tabbar之间做切换

注意:switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面!

list页面:

detail页面:

event.target指的是当前点击的组件

event.currentTarget指的是事件捕获的组件

bindchange 这个事件官方文档中没有写,效果基本和 bindblur 一样,但失去焦点时不会被重复触发,所以一般还是采用 bindblur

小程序对于全局 wxss 组件的继承只能继承 font 以及 color 类型

bind事件绑定不会阻止冒泡事件,而catch会阻止冒泡事件,看官方文档有介绍

在指定的css属性最后迹旅带上 ! important 能够加强属性的优先级

wxs 只是与 JavaScript 相似,并非 JavaScript ,所以无法定义 const 常量,得用 var

wxs 存在的意义就是充当 compute/filter 这类功能。闭枯

且当使用 wxs 进行数据绑定时,姿态凳要注意 setData 出来的数据的二次读取,

因为 setData 之前首先会进行一次初始化

wxs编写 :

wxml使用 :

关于 this.data 与 this.setData 的使用细节

this.data 使用于同步 *** 作(如 onLoad 加载),而 this.setData 适用于异步 *** 作(如 wx.request )

小程序给了弯闹宽个例子

能够获取用户输入的组件,需要使用组件的属性bindblur将用户的弯含输入内容同步到 AppService。

<input id="myInput" bindblur="bindBlur"埋亮 />

var inputContent = {}

Page({

data: {

inputContent: {}

},

bindBlur: function(e) {

inputContent[e.currentTarget.id] = e.detail.value

}

})

【小程序】INPUT键盘事件(修改键盘右下角按钮文件和添加事件)

<input

type="text"

placeholder="请输入"升羡

bindinput="bindKeyInput"

value="{{inputMsg}}"

confirm-type='send'

bindconfirm="sendMsgTap"

bindfocus='focus'

bindblur='blur'

focus='true'吵档拍

/>

1、confirm-type='send': 设置键盘右下角按钮的文字,蠢戚仅在type='text'时生效

2、bindconfirm="sendMsgTap":点击键盘右下角按钮时的触发事件

3、bindfocus='focus':聚焦时触发的事件

4、bindblur='blur':失去焦点时触发的事件

5、focus='true':进入界面时,自动聚焦,拉起键盘 (true/false)

6、


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/8263919.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存