@codernote/record-tree

记录软件 - 记录树

记录软件左侧记录树组件, vue2 使用

安装

npm install @codernote/record-tree

使用

import { RecordTree } from "@codernote/record-tree";

<RecordTree
  :note="note"
  :tagConfig="tagConfig"
></RecordTree>

props

<RecordTree
  {/* 必需，要编辑的note笔记 */}
  :note="note"

  {/* 是否展示标签及切换标签功能, 默认true */}
  :showTag="true"

  {/* 标签配置项, showTag为true时启用 */}
  :tagConfig="tagConfig"

  {/* 是否移动端使用，默认false */}
  :isMobile="false"

  {/* 是否展示完成按钮，isMobile生效时才启用，默认false */}
  :showComplete="false"

  {/* 启用双击enter, 标题双击回车，会触发事件， 默认false */}
  :enableDbEnter="false"

  {/* 监测note内容变动的事件 */}
  @change="handleChange"

  {/* enableDbEnter=true时生效，标题双击回车时触发事件 */}
  @dbEnter="handleDbEnter"

  {/* showComplete=true 时生效，点击完成按钮触发事件 */}
  @complete="handleComplete"
></RecordTree>

发布

npm publish --access public