CKEditor 5 - 带VueJS v1的Classic - 数据未设置

Question

我在V1 of Vue中有一个自定义类型：

Vue.component('c_k_editor-fieldtype', {

    mixins: [Fieldtype],

    template: `
        <div>
            <label class="block" style="font-weight:500">CKEditor</label>
            <textarea class="form-control" id="foo" v-model="data"></textarea>
        </div>
    `,

    data: function() {
        return {
            //
        };
    },

    computed: {
        //
    },

    methods: {
        //
    },

    ready: function() {
        ClassicEditor
            .create( document.querySelector( '#foo' ) );
    }
});

它正确加载数据但是当我在字段中输入时，data属性未更新（参见屏幕截图）

当编辑器数据发生变化时，是否有可以捕获的事件或其他内容，以便我可以更新Vue（V1）数据？

Answer 1

这有效，但我不知道它是否正确＆＃34;：

    ready: function() {

    ClassicEditor
        .create( document.querySelector( '#foo' ) )
        .then(editor => {
            editor.document.on( 'change', ( evt, data ) => {
                this.data = editor.getData();
            } );
        });
}