- 上传者： Administrator
- 上传时间：2023年09月15日 07时49分31秒
在前一节中，除了实现实际创建任务的代码之外，我们做了所有事情!那么，让我们现在来做。 我们需要一种方法来生成唯一的id号。 要做到这一点，我们只需在App中添加一个nextId号码。 同时，移除App中的演示任务: nextId = 1 ; tasks = [ ] ; Now, t ......
在前一节中，除了实现实际创建任务的代码之外，我们做了所有事情!那么，让我们现在来做。
我们需要一种方法来生成唯一的id号。要做到这一点，我们只需在App中添加一个nextId号码。同时，移除App中的演示任务:
nextId = 1;
tasks = [];Now, the addTask method can be implemented:
addTask(ev) {
// 13 is keycode for ENTER
if (ev.keyCode === 13) {
const text = ev.target.value.trim();
ev.target.value = "";
if (text) {
const newTask = {
id: this.nextId++,
text: text,
isCompleted: false,
};
this.tasks.push(newTask);
}
}
}This almost works, but if you test it, you will notice that no new task is ever displayed when the user press Enter. But if you add a debugger or a console.log statement, you will see that the code is actually running as expected. The problem is that Owl has no way of knowing that it needs to rerender the user interface. We can fix the issue by making tasks reactive, with the useState hook:
// on top of the file
const { Component, mount, xml, useRef, onMounted, useState } = owl;
// replace the task definition in App with the following:
tasks = useState([]);It now works as expected!
本文章从网上收集，如有侵权请联系tderp@tderp.com删除- 微信扫一扫，一分也是爱:
-
服务原则及地区范围
宜兴通达网络科技有限公司，地处中国宜兴环科园内，是一家高新技术企业。公司在企业网络维护和企业信息化建设与咨询方面，有10多年经验。
我公司愿与客户一道，力求彻底解决客户问题！
我们不是在给企业提供“头痛医头、脚痛医脚”的暂时解决方案，而是在部署根本性安全与稳定服务！！
我们愿携手客户，建立企业IT规划；杜绝随意安装系统、软件等操作；力求共同维护有序、安全、稳定的网络办公环境！！！
IT服务，服务是根本，客户是上帝；我们提供快速响应、快速上门、快速排查，提供优质高效的服务！！！！
通达科技提供全国范围内的服务，服务形式包括远程协助、电话咨询、电子邮件咨询、传真咨询、问答平台的问题解决等。
宜兴地区提供上门服务：
- 市区服务：宜城街道、城北街道（屺亭街道）、新街街道、新庄街道、环科园、渚桥开发区
- 市郊服务：张渚镇、西渚镇、太华镇、徐舍镇、官林镇、杨巷镇、新建镇、和桥镇、高塍镇、万石镇、周铁镇、芳桥镇、丁蜀镇、湖父镇。
- 联系电话：189-21-343434
- 在线沟通：
