uni-app 爬坑之 扫描,数据筛选,循环遍历

1.循环遍历

		
			
				
					{{ item }}
					
				
				
			
		

v-for的使用方法  在需要循环的标签上 加上 v-for="(item, index) in Codes" :key="index" Codes 就是 数据集 在 data 中定义的其中 item 就是循环的子项

uni-app 爬坑之 扫描,数据筛选,循环遍历_第1张图片

2. 数据筛选 比如 页面上删除 现在注册点击事件 @tap 是按下事件 绑定数据 index(也就是循环的索引):data-index="index"

 在数组中删除这一项   that.Codes.splice(e.target.dataset.index,1); 

 此处有个 大坑   就是 this 关键字 可能取不到 data中的值 所以 需要 重新定义uni-app 爬坑之 扫描,数据筛选,循环遍历_第2张图片

uni-app 爬坑之 扫描,数据筛选,循环遍历_第3张图片

		onClickItemRemove: function(e) {
			var that = this;
			uni.showModal({
				title: '提示',
				content: '确定要删除这条数据吗?',
				success: function(res) {
					if (res.confirm) {
					  that.Codes.splice(e.target.dataset.index,1);
					  that.boxcont = parseInt(that.boxcont) - 1;
					} else if (res.cancel) {
						//取消
					}
				}
			});
		},

3.直接用uin-app 的写法就行

scan: function() {
			uni.scanCode({
				success: res => {
					//判断是否已经扫过
					
					this.boxcont = parseInt(this.boxcont) + 1;
					this.Codes.push(res.result);
				}
			});
		},

 

你可能感兴趣的:(uni-app)