wepy - 两栏选项卡切换项目(二)

本文深入探讨了wepy框架中数据绑定的特殊写法,与原生小程序开发工具的setData绑定方式的区别。通过实例展示了如何在wepy中进行数据绑定,以及组件中数据更新的正确操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

要注意这里 wepy 的 数据绑定 的写法,跟 原生的小程序开发工具的 setData绑定是不一样的!

js部分

import wepy from 'wepy';
// 组件的 wepy.page 会不一样
export default class Index extends wepy.page {
	data = {
		// 初始化绑定数据
		currentTab = 0
	}
	methods = {
		clickTab : function(e) {
			// wepy的数据绑定跟小程序官方的不一样,省去了setData
			this.currentTab = e.currentTarget.dataset.url;
		}
	}
}

页面结构

在这里插入图片描述

说明

绑定 1 数据 然后和当前选中的 2 对比相等就添加 oppen 样式类 , “ 三元运算符 ”

效果图

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值