无法运行Vue.js iframe元素加载后拖放

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>一个错字，应该是文本编辑