API
Global API
LeiviiEditor.i18n(fn)
参数：
{Function} fn
用法：
fn为外部提供的国际化方法，如vue-i18n：import Vue from 'vue' import VueI18n from 'vue-i18n' import LeiviiEditor from 'leivii-editor' Vue.use(VueI18n) const messages = { en: { }, zh: { } } // Create VueI18n instance with options const i18n = new VueI18n({ locale: 'en', // set locale messages, // set locale messages }) LeiviiEditor.i18n((key, value) => i18n.t(key, value))1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
LeiviiEditor.locale(code, [lang])
参数：
{String} code{Object} [lang]
用法：
切换当前语言，其中
lang为可选项，为当前语言提供更多国际化值。import LeiviiEditor from 'leivii-editor' import cnLocale from './i18n/lang/cn' LeiviiEditor.locale('cn', cnLocale)1
2
3
4
Instance Props
vm.$id
类型:
String只读
详细：
组件唯一ID，可通过
this.$($id)方式获取组件实例。
vm.$type
类型:
String只读
详细：
组件名称，
Leivii在渲染时根据此属性渲染对应的组件。
vm.$visible
类型:
Boolean详细：
当前组件是否显示，支持 表达式。
vm.$prop
类型:
String详细：
组件数据源字段，
Leivii运行时从上下文获取对应值，可通过vm.getDataSource()获取。参考：数据源
vm.$classes
类型:
String详细：
组件主题类，提供了基于 UI规范 的常用样式类。
vm.$body
类型:
Array详细：
子组件列表。
vm.$scopeData
类型:
Array详细：
组件的作用域数据，如在列表类组件中，每一行的数据。
参考：表格
vm.$dataSource
类型:
Array详细：
组件的数据源配置。
参考：数据源
vm.$handlers
类型:
Array详细：
组件的处理器配置。
参考：处理器
vm.dataSource
Instance Methods
vm.getDataSource()
用法：
获取当前组件
$prop字段对应的上下文数据。
vm.getDataSources()
用法：
获取当前组件的所有上下文数据。
vm.updateDataSource()
用法：
执行组件的数据源配置。
vm.setDataSource(key, value)
参数：
{String} key{String | Number | Boolean | Object | Array} value用法：
设置组件的数据源。
vm.setRootDataSource(key, value)
参数：
{String} key{String | Number | Boolean | Object | Array} value用法：
设置根组件的数据源。
vm.$axios(options)
参数：
{Object} options用法：
axios配置参数。
vm.$alert(content, title, options)
参数：
{String} content{String} title{Object} options用法：
ElementUI $alert配置参数。
vm.$confirm(content, title, options)
参数：
{String} content{String} title{Object} options用法：
ElementUI $confirm配置参数。
vm.$prompt(content, title, options)
参数：
{String} content{String} title{Object} options用法：
ElementUI $prompt配置参数。
vm.$message(options)
参数：
{Object} options用法：
ElementUI $message配置参数。