- 上传者： Administrator
- 上传时间：2023年09月15日 00时14分43秒
摘要：
现在基本的工作都完成了，是时候开始考虑任务了。为了完成我们需要的，我们将把任务作为具有以下键的对象数组来跟踪: id : 数字类型。拥有一种惟一标识任务的方法是非常有用的。由于标题是由用户创建/编辑的，因此不能保证它是唯一的。因此，我们将为每个任务生成一个唯一的id号。 text : 字符串类型, ......
现在基本的工作都完成了，是时候开始考虑任务了。为了完成我们需要的，我们将把任务作为具有以下键的对象数组来跟踪: id : 数字类型。拥有一种惟一标识任务的方法是非常有用的。由于标题是由用户创建/编辑的，因此不能保证它是唯一的。因此，我们将为每个任务生成一个唯一的id号。 text : 字符串类型, ......
正文
相关文章
请喝咖啡
id: 数字类型。拥有一种惟一标识任务的方法是非常有用的。由于标题是由用户创建/编辑的，因此不能保证它是唯一的。因此，我们将为每个任务生成一个唯一的id号。text: 字符串类型, 解释任务的内容。isCompleted: 布尔类型,跟踪任务的状态。
现在基本的工作都完成了，是时候开始考虑任务了。为了完成我们需要的，我们将把任务作为具有以下键的对象数组来跟踪:
现在我们决定了状态的内部格式，让我们向App组件添加一些演示数据和模板:
class Root extends Component {
static template = xml/* xml */ `
<div class="task-list">
<t t-foreach="tasks" t-as="task" t-key="task.id">
<div class="task">
<input type="checkbox" t-att-checked="task.isCompleted"/>
<span><t t-esc="task.text"/></span>
</div>
</t>
</div>`;
tasks = [
{
id: 1,
text: "buy milk",
isCompleted: true,
},
{
id: 2,
text: "clean house",
isCompleted: false,
},
];
}该模板包含一个t-foreach循环，用于遍历任务。它可以从组件中找到任务列表，因为呈现上下文包含组件的属性。请注意，我们使用每个任务的id作为t-key，这是非常常见的。有两个css类:task-list和task，我们将在下一节中使用。
最后，请注意t-att-checked属性的使用:在属性前加上t-att使其成为动态的。Owl将计算表达式并将其设置为属性的值。
- 微信扫一扫，一分也是爱:
-
服务原则及地区范围
宜兴通达网络科技有限公司，地处中国宜兴环科园内，是一家高新技术企业。公司在企业网络维护和企业信息化建设与咨询方面，有10多年经验。
我公司愿与客户一道，力求彻底解决客户问题！
我们不是在给企业提供“头痛医头、脚痛医脚”的暂时解决方案，而是在部署根本性安全与稳定服务！！
我们愿携手客户，建立企业IT规划；杜绝随意安装系统、软件等操作；力求共同维护有序、安全、稳定的网络办公环境！！！
IT服务，服务是根本，客户是上帝；我们提供快速响应、快速上门、快速排查，提供优质高效的服务！！！！
通达科技提供全国范围内的服务，服务形式包括远程协助、电话咨询、电子邮件咨询、传真咨询、问答平台的问题解决等。
宜兴地区提供上门服务：
- 市区服务：宜城街道、城北街道（屺亭街道）、新街街道、新庄街道、环科园、渚桥开发区
- 市郊服务：张渚镇、西渚镇、太华镇、徐舍镇、官林镇、杨巷镇、新建镇、和桥镇、高塍镇、万石镇、周铁镇、芳桥镇、丁蜀镇、湖父镇。
- 联系电话：189-21-343434
- 在线沟通：
