Appearance
editor(文本编辑器)
基础用法
示例:
代码示例:
vue
<template>
<div class="bs-bg-color-white p10">
<v-editor v-model="value" :height="300" :max-length="30" @input="handleInput"></v-editor>
</div>
</template>
<script>
export default {
data() {
return {
value: "",
};
},
methods: {
/**
* 输入事件
*/
handleInput(value) {
console.log("value", value, typeof(value));
// value <p>输入测试:1234567890</p> string
},
},
mounted() {},
computed: {},
};
</script>
属性:
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
value | 当前组件的值 | String | - | '' |
height | 自定义组件高度 | Number | - | 400 |
maxLength | 最大长度限制 | Number | - | 0 |
事件:
事件名 | 说明 | 参数 | 参数说明 |
---|---|---|---|
input | 输入事件 | value | 输入的值 |
maxLengthFlag | 最大长度限制事件 | Boolean(true,false) | - |