javascript - Ckeditor vue - Cannot read property 'getSelection' of undefined

Question

I have 3 section. every time I clicked on any section ckeditor will be locked and has log

Cannot read property 'getSelection' of undefined

when I clicked on the first it worked like a charm. the problem was after clicking on the 2nd, 3rd.

Vue.use( CKEditor );  
var app = new Vue({

el: '#app',
data: {
    panel:1,
    role:'legal',
    targetDetail:'',
    editor: '',
    editorData: '',
    editorConfig: {
        contentsLangDirection:'rtl',
        language: 'fa',
    },
    })

     <form class="mb-4">
                        <div v-if="panel == 1">
                            <ckeditor class="editors" id="editor1" :editor="editor" v-model="targetPlanDetail" :config="editorConfig"></ckeditor>
                        </div>
                        <div v-if="panel == 2">

                            <ckeditor class="editors" id="editor2" :editor="editor" v-model="whyPlanDetail" :config="editorConfig"></ckeditor>
                      
                        </div>
                        <div v-if="panel == 3">
                            <ckeditor class="editors" id="editor3" :editor="editor" v-model="whyPlanDetail" :config="editorConfig"></ckeditor>
                 
                        </div>

                    </form>

Answer 1

等待大神答复