在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

回答

相关问题