todolist实现内容修改功能流程图
2022-09-27 08:54:44 9 举报
登录查看完整内容
为你推荐
查看更多
实现内容修改的逻辑流程图
作者其他创作
大纲/内容
绑定子组件中同一个处理回调
el.focus（）回调实现自动获得焦点
1.运用v-if和v-else，通过flag的布尔值控制label和input框的切换，2.在label上绑定双击事件，实现双击切换成input框3.在input中监听回车事件和离焦事件4.自定义一个指令（自动获得焦点）
put/todos/：id{content：'代办'，completed：0}
MainTodo父组件
发送put请求
监听子组件定义事件
localhost3000
绑定父组件中的处理回调
触发自定义事件，传入id和content值
准备接口需要的数据1.根据id值从todos查找原来的对象2.将该对象的content值更新
自定义指令directive状态中inserted处理回调
Todoitem子组件
API server
收藏
0 条评论
回复 删除
下一页
