CKEditor 5 - 带有 VueJS v1 的经典 - 数据未设置

Question

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

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

这可行，但我不知道它是否“正确”：

    ready: function() {

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