在PHP變量中使用VueJS

我試圖綁定一個HTML元素，其中包含通過PHP回顯的字符串，以便我可以將它與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變量，但主要的原因我想將它綁定到VueJS元素，所以我可以用這個元素的值在我的JS做這樣的事情。 ..

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

值得關注的是我已經有這個#APP所以它無關，與Vue公司的配置是錯誤的，更多的是隻是不知道接近正確的方式情況下工作VueJS公平的位問題。

來源

2016-07-07 GuerillaRadio

我不會在組件內插入PHP和javascript。爲什麼不在最後用你需要的變量創建一個新的腳本？

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

然後它將是一個全局變量，你只需從那裏取出它。

來源

2016-07-07 15:35:51 gurghet

在PHP變量中使用VueJS

回答

相關問題