Skip to content

editor(文本编辑器)

基础用法

示例:editor1.png

代码示例:

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)-