微信小程序中如何通过按钮点击实现input元素的禁用状态切换？

本文共计995个文字，预计阅读时间需要4分钟。

编写微信小程序项目时，遇到一个功能，涉及个人信息的修改与保存。以下为简化后的说明及代码：

1. 页面加载完成后，所有`input`元素处于禁用状态；

2.点击编辑按钮时，文字切换为保存。

代码示例：

javascriptPage({ onLoad: function() { // 页面加载完成，禁用所有input元素 this.disableInputs(); }, onEditClick: function() { // 点击编辑按钮，切换文字为保存 this.setData({ isEditing: true }); }, onSaveClick: function() { // 点击保存，进行数据保存操作 this.saveData(); }, disableInputs: function() { // 禁用所有input元素 const inputs=this.selectComponent('.input-area').children(); inputs.forEach(input=> { input.setDataset('disabled', true); }); }, saveData: function() { // 保存数据逻辑 console.log('数据已保存'); }});

做微信小程序项目的时候遇到一个功能，个人信息资料的修改与保存。