import { SET_TODO } from "@/store/actionTypes"
import { ITodo, TODO_STATUS } from "@/typings"
import { Store, useStore } from "vuex"
import _store from "@/store"
export interface IUseTodo{
setTodo:(value:string)=>void
setTodoList:()=>void
removeTodo:()=>void
setStatus:()=>void
setDoing:()=>void
}
function useTodo():IUseTodo{
const store:Store<any>=useStore()||_store
function setTodo(value:string):void{
const todo:ITodo={
id:new Date().getTime(),
content:value,
status:TODO_STATUS.WILLDO
}
store.dispatch(SET_TODO,todo)
}
function setTodoList(){
}
function removeTodo(){
}
function setStatus(){
}
function setDoing(){
}
return {
setTodo,
setTodoList,
removeTodo,
setStatus,
setDoing
}
}
export {
useTodo
}
前端学习笔记202309学习笔记第九十五天-设置列表项自定义hooks之8解决dispatch找不到的问题
原创
©著作权归作者所有:来自51CTO博客作者前端导师歌谣的原创作品,请联系作者获取转载授权,否则将追究法律责任

提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章