如何将vue js数据传递给php变量

Posted 2023-02-22

【中文标题】如何将vue js数据传递给php变量

【英文标题】：How to pass vue js data to php variable

【发布时间】：2018-04-02 12:43:26

【问题描述】：

                            <section class="scans">
                                  <h3>Scans</h3>

                                  <ul v-if="scans.length === 0">
                                    <li class="empty">No scans yet</li>
                                  </ul>

                                  <transition-group name="scans" tag="ul">

                                            <li v-for="scan in scans" :key="scan.date" :title="scan.content">

                                             scan.content 

                                            </li>
                                  </transition-group>

                             </section>

如何将“ scan.content ”传递给 html 元素（文本框）或 php（$scanned）变量？

【问题讨论】：

你在问如何在文本框中显示scan.content？或者您想知道如何将您的客户端数据发布到服务器以便 PHP 可以访问它？

我想知道如何将客户端数据发布到我的服务器端，以便我可以通过 php 访问它

我建议您查看某种类型的 AJAX POST（例如：vue-resource 或 axios）。

【参考方案1】：

根据您希望发送数据的方式，制作一个带有隐藏元素的表单（通常如果用户应该发起发布请求）或直接在 javascript 中制作一个 AJAX POST。 （如果它应该是“无缝”/在后台）

【讨论】：

谢谢你的回答，我会试试看，让你知道

【参考方案2】：

弄清楚如何让 Vue 发送 AJAX，可能遵循最近的教程，例如：https://vuejsdevelopers.com/2017/08/28/vue-js-ajax-recipes/ 因为显然只是简单地给转换组一个 id 并使用 innerHTML 和 document.getElementById 来获取数据由于某种原因是不好的形式，应该避免，出于某种原因......

【讨论】：

由于数据已经在他的Vue数据中，所以不需要使用innerHTML和DOM查找。 Vue 在数据和表示之间进行了清晰的分离，从而消除了对 DOM 操作/查询的需求。

Patric，我编辑了答案，谢谢你的建议，我可以知道如何将数据发送到 Vue 吗？我自己也是 Vue 新手！