为啥php输出不能插入Vue数据数组

Posted 2023-02-22

【中文标题】为啥php输出不能插入Vue数据数组

【英文标题】：Why the php output can not insert into Vue data array为什么php输出不能插入Vue数据数组

【发布时间】：2019-10-30 03:25:31

【问题描述】：

我正在学习基本的Vue.js，当我使用php获取数据时，为什么它不能放入Vue对象数据数组中

    data: 
        message: "vue?",
        homeView: true,
        brandView: false,
        flipF: true,
        flipB: false,
        prices:[
             coffee1:15,coffee1:12,
            <?php 
                while($row = mysqli_fetch_array($result))
                echo "coffee1:".$row['price'].",";
                
            ?>
        ]
    ,

item.coffee1

php部分可以输出coffee1:20,coffee1:18，但是不能在网页上显示

【参考方案1】：

理想情况下，您应该从提供 JSON 服务的 API 中获取，但为了回答，您应该构建您的数组，然后使用 json_encode()。

<?php
$prices = [
 ['coffee1' => 15],
 ['coffee1' => 12]
];

while($row = mysqli_fetch_array($result))
  $prices[] = ['coffee1' => $row['price']];

?>

现在在你的 vue 中：

data() 
   return 
       message: "vue?",
       homeView: true,
       brandView: false,
       flipF: true,
       flipB: false,
       prices: <?= json_encode($prices) ?>
   
,