全局引入

import DmSqlEditor from 'dm-sql-editor';
import 'dm-sql-editor/style.css'

app.use(DmSqlEditor) // 全局注册

参数说明

| 属性 | 类型 | 默认值 | 说明 | |------|------|--------|------| | v-model | Object | {} | 传递数据 | | vertical-size | Number | 200 | 垂直分割面板的大小 |

方法

| 事件名 | 说明 | 参数 | |------|------|------| | getValue | 获取光标下一行或选中行的值 | | getAllValue | 获取全部值 | | setValue | 替换编辑器里的全部值 | | setInsertValue | 在光标后面插入值 | | formatSQL | 格式化SQL |

插槽

| 插槽名 | 说明 | 版本 | 备注 | |------|------|------|------| | tabs | sql选项卡插槽 | | toolbar | 工具栏插槽 | v1.0.0+ | content | 执行结果插槽 | v1.0.0+ | sqlEditor | SQL组件插槽| v2.0.0+ |集合v1里的toolbar和sqlEditor | customPage | 自定义组件插槽| v2.0.0+ | | footer | 底部组件插槽 | v2.0.0+ | v1里面[执行结果插槽]改名