undo-box v1.2.0

使用方法

1. 安装 undo-box

npm isntall undo-box

2. 注册Vue插件

// 注册 Vue 插件，默认挂载 $undoBox
import undoBox from 'undo-box'
Vue.use(undoBox)

//或

//手动挂载到property，可自定义挂载名称
import {undoBox} from 'undo-box'
Vue.prototype.$dodoBox = undoBox

3. 在页面中使用undo-box

1. 自动处理数据

    ```js
    export default {
        name: "index",
        data() {
            return {
                // 需要撤销功能的数据
                need_undo_data: {},
                // 撤销工具
                undoUtil: null
            }
        },
        mounted() {
            // 获取撤销工具
            this.undoUtil = this.this.$undoBox({size: 100})
          	// 添加监听数据
          	this.undoUtil.add({key: 'need_undo_data'})
        },
        methods: {
            undo() {
                // 撤销方法
                this.undoUtil.undo();
            },
            redo() {
                // 重做方法
                this.undoUtil.redo()
            }
        }

   }

   size - 为撤销栈最大容量 默认为100

2. 手动处理数据

   export default {
       name: "index",
       data() {
           return {
               // 需要撤销功能的数据
               need_undo_data: {},
               // 撤销工具
               undoUtil: null
           }
       },
       mounted() {
           // 获取撤销工具
           this.undoUtil = this.this.$undoBox({size: 100})
         	// 添加监听数据
         	this.undoUtil.add({key: 'need_undo_data'})
         
         	this.undoUtil.add({
             key: 'need_undo_data',
             auto_handle_data: false,
             callback: (data) => {
               this.customHandleData(data)
             }
           })
       },
       methods: {
         	customHandleData(data){
             	/** TODO 自定义处理数据 **/
           },
           undo() {
               // 撤销方法
               this.undoUtil.undo();
           },
           redo() {
               // 重做方法
               this.undoUtil.redo()
           }
       }
   }

4. add方法参数

• key - （必填）所需监听数据的字段名称

• auto_handle_data - （选填，默认为 true）是否自动处理数据。默认使用Vue.set()赋值

• callback - （选填，默认为空方法）撤回、重做回调方法

  入参：

  • data - 当前撤销、重做后应得的结果