bab-icon/resources/js/components/Ueditor.vue

<template>
    <el-row class="form-group">
        <el-col :span="3" style="padding-top:10px;">
            <label style="margin-left:10px;vertical-align: middle;" class="control-label">{{label ? label : 'Ue'}}</label>
        </el-col>
        <el-col :span="21">
            <textarea v-bind:id="'container'+name"
                style="width:0;height:0.5px;border: 0 solid rgba(255,255,255,0);resize:none;padding:0;outline:none;"
                v-model="content_ue"
                :name="name ? name : 'ue'">{{content_ue}}</textarea>
        </el-col>
    </el-row>
</template>

<style scoped>
#ueditor_textarea_content {
    width:0;
    height:0.5px;
    border: 0 solid rgba(255,255,255,0);
    display: block;
}
</style>

<script>
    export default {
            props: ['label','name','value','configs','width','height','enabled'],
            data() {
                return {
                    content_ue: this._props.value ? this._props.value : ''
                };
            },
            mounted() {
                var configs = this._props.configs ? this._props.configs : {
                    initialFrameWidth: this._props.width ? this._props.width : 1000 ,    //> 编辑器默认宽度
                    initialFrameHeight: this._props.height ? this._props.height : 550,   //> 编辑器默认高度
                    autoFloatEnabled: this._props.enabled ? false : true                 //> 编辑器默认页头浮动
                };
                UE.delEditor('container'+this._props.name);
                var ue = UE.getEditor('container'+this._props.name,configs);
                //ue.ready(function(){
                    //> 设置编辑器回显内容
                    //ue.setContent(parents.editContent);
                //});
            }
    }
</script>