Не удалось запустить Vue.js после элементов iframe, загруженных с помощью перетаскивания

Question

Я пытаюсь выполнить компонент Vue.js после создания элементов iframe, но он не работает.

Вот IFrame пример:

<div id="screen"> 
<!-- This iframe created after drag and drop--> 
<iframe src="/elements/cover-01.html" scrolling="no" frameborder="0" __idm_frm__="419" __idm_id__="-2084740094" style="visibility: visible; user-select: none; overflow: hidden; height: 500px; width: 2105px; opacity: 1;"> 
<texeditor></texteditor> 
</iframe> 
</div> 

app.js

import Vue from 'vue'; 
import axios from 'axios'; 

import Texteditor from './components/Texteditor.vue'; 

new Vue({ 
    el:'#screen', 
    components:{Texteditor} 
}); 

Texteditor.vue (компонент)

<template> 
    <div @click="removeEdit"> 
     <p><slot></slot></p> 
     <textarea v-show="edit" class="texteditor"></textarea> 
    </div> 
</template> 
<script> 
export default{ 
    data(){ 
     return { 
      edit: false 
     } 
    }, 
    methods:{ 
     toggleEdit(){ 
      this.edit = !this.edit; 
      $('.texteditor').redactor({ 
       fixed:true 
      }); 
     }, 
     removeEdit(){ 
      this.edit=false; 
      $('.texteditor').destroyEditor(); 
     } 
    }, 
    mounted(){ 
     alert(); 
    } 
} 
</script> 
<style> 
</style> 

Я тестирую компонент texteditor, но могу получить.

Пожалуйста, помогите.

Благодаря

Answer 1

Может быть у вас есть опечатка в <texeditor></texteditor> должно быть TextEditor