11.25 工作笔记
fromCharCode()
将Unicode编码转换为字符
var n = String.fromCharCode(65);//A
var n = String.fromCharCode(72,69,76,76,79);//HELLO
uni.createSelectorQuery()
操作元素节点,因为uniapp 没有dom元素和window对象
selectAll 类似css选择器 可以选取所有节点
var query = uni.createSelectorQuery();
// console.log('query',query);
let foods = query.selectAll('.foods');
返回一个
SelectorQuery
对象实例。可以在这个实例上使用select
等方法选择节点,并使用boundingClientRect
等方法选择需要查询的信息。
- 使用
uni.createSelectorQuery()
需要在生命周期mounted
后进行调用。- 自定义组件编译模式(默认模式),需要使用到
selectorQuery.in
方法。
selectorQuery.in(component)
将选择器的选取范围更改为自定义组件
component
内,返回一个SelectorQuery
对象实例。(初始时,选择器仅选取页面范围的节点,不会选取任何自定义组件中的节点)。
const query = uni.createSelectorQuery().in(this);
query.select('#id').boundingClientRect(data => {
console.log("得到布局位置信息" + JSON.stringify(data));
console.log("节点离页面顶部的距离为" + data.top);
}).exec();
exec()用于检测正则表达式的匹配
uniapp数据改变,视图不更新
changeNum(type, index) {
let list = JSON.parse(JSON.stringify(this.clist));
if (type == 1) { //减少的操作
if (list[index].num <= 0) {
return;
}
// 同步页面上的数据
list[index].num--
} else { //加的操作
if (list[index].num >= 5) { //限购五件
return;
} else {
list[index].num++
}
}
this.clist = list;
},
这个问题上次我同事碰到了,用了set和 next Tick都不管用,必须把它转一遍才行!