2016-07-07 60 views
4

PHPでエコーされた文字列を含むHTML要素をバインドして、VueJSで使用できるようにしようとしています。基本的に私がやろうとしていることは、いくつかのphp/mysqlデータベースクエリ(USDはデフォルト値)に応じてGBPとUSDを切り替えることです。ここで私がこれまでに試したことの単純な例を示します。PHP変数でVueJSを使用する

<div id="app"> 
    <?php $string = 'GBP'; ?> 
    <!-- Hide this from the front end but bind to Vue somehow --> 
    <span v-el:currency style="display: none;"><?php echo $string; ?></span> 

    <p>Payment currency: {{ currency }}</p> 
</div> 

はもちろん、私は再びPHPの変数をエコーだけでしたが、私はこのような何かを行うには、私のJSで、この要素の値を使用することができますので、私はVueJS要素にバインドしたい主な理由です。それはVueのの設定が間違っているとは何の関係もいないので、私はすでに、ちょうどアプローチするための正しい方法を知らないのよりケースをこの#app内での作業VueJSの公平なビットを持っていることは注目に値する。..

if (this.currency === 'GBP') { 
    return "Paying in GBP"; 
} else { 
    return "Paying in USD"; 
} 

問題。

答えて

8

私はコンポーネント内でPHPとJavaScriptをインターリーブしません。 最後に必要な変数を使って新しいスクリプトを作成してみませんか?

<!-- bottom of the body --> 
<script>var currency = <?php echo $yourVar; ?></script> 

そしてグローバル変数になります。

関連する問題