Javascript 通过PHP在HREF中输入Vue.js数据

如何将vue数据的结果传递到PHP中。我尝试了这种方法，但当我在HREF HREF=$where$name中看到链接时，它给了我一个奇怪的字符串，而不是我从VUE代码中获得的url。 相反，如果我放置：href=$where$name或v-bind:href=$where$name，则会得到没有表格的白色屏幕。 我如何解决这个问题，并能够将正确的链接放到href中

<div class="btn-group btn-group-toggle" data-toggle="buttons">
        <label v-on:click="giallo()" class="btn btn-secondary active">
          <input type="radio" name="options" id="option1" autocomplete="off" checked> Giallozafferano
        </label>
        <label v-on:click="benedetta()" class="btn btn-secondary">
          <input type="radio" name="options" id="option2" autocomplete="off"> Fatto in Casa da Benedetta
        </label>
        <label v-on:click="nonna()" class="btn btn-secondary">
          <input type="radio" name="options" id="option3" autocomplete="off"> Ricette della nonna
        </label>
      </div>
</div>

$sql = "SELECT id,scadenza,nome,quantita,tipoMisura,categorieP,categorieD FROM Prodotti WHERE utente = '$us' ORDER BY scadenza";
$result = mysqli_query($conn, $sql);
if ($result->num_rows > 0){
  echo "<table class='top table table-striped'>";
  echo "<thead>";
    echo "<tr>";
      echo "<th scope='col'>Ricetta</th>";
    echo "</tr>";
  echo"</thead>";
  echo"<tbody>";
}
while ($row = mysqli_fetch_assoc($result)) {
  $name=$row['nome'];
  $where="{{dove}}";
  echo "<td> <a target='_blank' href='$where$name'>Found recipe </a> </td>";
  echo "</tr>";
}
//VUE CODE
<script type="text/javascript">
  var app = new Vue({
    el: '#app',
    data: {
      dove: "https://www.giallozafferano.it/ricerca-ricette/"
    },
    methods : {
        giallo: function(){
            this.dove="www.giallozafferano.it/ricerca-ricette/";
        },
        benedetta: function(){
            this.dove="https://www.fattoincasadabenedetta.it/?s=";
        },
        nonna: function(){
            this.dove="https://www.ricettedellanonna.net/?s=";
        }
    }
  });
</script>

---

首先，您应该使用：href，然后您的html将如下所示：

<a target='_blank' :href='{{dove}}yourstringinname'>Found recipe </a>

我认为问题在于您的第二个字符串与Vue的字符串不匹配，您应该将其作为Vue的字符串插入：

<a target='_blank' :href='{{dove}} + `yourstringinname`'>Found recipe </a>

在PHP中，例如：

<a target='_blank' :href='$where + `$name`'>Found recipe </a>

---

就我现在所知，Vue应该在浏览器控制台中放置错误，以便您可以使用控制台进行调试。

首先，您应该使用：href，然后您的html将如下所示：

<a target='_blank' :href='{{dove}}yourstringinname'>Found recipe </a>

我认为问题在于您的第二个字符串与Vue的字符串不匹配，您应该将其作为Vue的字符串插入：

<a target='_blank' :href='{{dove}} + `yourstringinname`'>Found recipe </a>

在PHP中，例如：

<a target='_blank' :href='$where + `$name`'>Found recipe </a>

就我现在所知，Vue应该将错误放在浏览器控制台中，这样您就可以使用控制台进行调试