ドラッグ＆ドロップで読み込んだiframe要素の後にVue.jsを実行できませんでした

Question

iframe要素を作成した後にVue.jsコンポーネントを実行しようとしていますが、うまくいきません。ここ

は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>にタイプミスを持っているかもしれませ