VueJSはiframeの内側にバインドしません

iframeに配置するまでは正常に動作していたVueJsコードを持っていますが、バインディングデータはなくなりました。VueJSはiframeの内側にバインドしません

これは私のコードです：

HTML（GLOBAL）

<!DOCTYPE html> 
<html> 
    <head> 
    <title>title</title> 
    </head> 
    <body> 
    <div class="appbar"> 
     <iframe src="/auth"></iframe> 
    </div> 
    </body> 
</html>

IFRAMEのCONTENT

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="bower/vue/dist/vue.min.js"></script> 
    </head> 
    <body id="auth"> 
    <div>{{foo}}</div> 
    <script src="js/auth.js"></script> 
    </body> 
</html>

JAVASCRIPT

var auth = new Vue({ 
    el: '#auth', 
    data: { 
     foo: "I'm a text but don't appear" 
    } 
})

私が何を得る

そして、この：あなたの

出典

2016-10-11 Burawi

：私はコンソールauth.fooでタップしたとき

とJavaScriptは私が右の値を取得し、正常に動作しているようですコードはVue 1.xを使用して動作します。私はあなたのコードを.htmlファイルにローカルにコピーして、うまくいきました。私は、CDN上のVueの1.xバージョンを指すようにスクリプトタグを変更しました。

Vue 2.xを使用している場合、body要素にバインドすることはできません。 idの認証を持つdivを追加すると、コードはVue 2.xで正常に動作します。

<body> 
    <div id="auth"> 
     <div>{{foo}}</div> 
    </div> 
    <script src="js/auth.js"></script> 
    </body>

出典

2016-10-11 11:53:55 PatrickSteele

VueJSはiframeの内側にバインドしません

答えて

関連する問題