Coder Social home page Coder Social logo

wl-todo's Introduction

wl-todo

todo list demo

运行项目

yarn install

yarn serve

Attributes

参数 说明 类型 默认值
data 任务数据 Array []
props 数据字段描述信息 Object 见props
nodeKey node-key String id
taskStateInternally 是否内部处理任务状态(完成、回退、删除),true则内部改变task状态并emit到外部,false则外部处理 Boolean true
allowCreate 是否允许创建新任务 Boolean true
placeholder 输入框placeholder String -
maxlength 输入框最大输入长度 [Number,String] 200
confirmOptions 弹出框配置项 Object 见confirmOptions

props

参数 说明 默认值
label 展示任务信息节点的字段 label
isDone 任务信息是否完成状态字段 isDone

confirmOptions

参数 说明 默认值
title 标题 提示
message 确认提示内容 是否确认执行当前操作?
cancelText 取消按钮的文字 取消
confirmText 确认按钮的文字 确认

Events

事件名 说明 回调参数
task-create 创建任务 value 输入框内的值
task-change 改变任务状态 item 任务节点数据
task-delete 删除任务 item 任务节点数据

Then

[ ] 虚拟列表
[ ] 未完成任务可拖拽排序
[ ] 多列todo list支持互相拖拽

wl-todo's People

Contributors

hql7 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.