Vuejs2 Vue选择：将二维数组推送到：选项

插件

我试图做的是，基于数据库进行搜索选择下拉输入

这是我的SQL第一个名字Ms\u Location.

id_Loc | name_Loc
LOC0001 | Indonesia
LOC0002 | China
LOC0003 | America

Myindex.php

Vue的计算属性通常不用于填充Vue数据属性，它们通常采用一个或多个数据属性，并将它们组合成不同的模板以供使用

在代码中，您尝试在计算属性“get_lokasi”中填充vue数据属性“lokasi_list”，但您从未在模板中的任何位置调用“get_lokasi”，因此lokasi_list保持为空

解决这种情况的另一种方法是使用vue方法通过ajax调用（类似axios）从php后端获取数据，通常在vue应用程序创建的生命周期事件中使用该方法尽快获取数据

e、 g

看起来您正计划将其作为sql的一部分使用，但它很容易受到sql注入攻击，如果我指出一些您已经知道的内容，那就很抱歉了。
无需担心

我的错误是，我没有注意到我的
receive\u lokasi.php
code

而不是使用MYSQLI_NUM

while ($rowList = mysqli_fetch_array($sqltran,MYSQLI_NUM)) {                         
$response[] = $rowList;
}

我应该使用MYSQLI\u ASSOC，，如中所述

在那之后，改变这个

<v-select :options="lokasi_list" placeholder='Type location..'></v-select>



对此

<v-select label='nama_Location' :options="lokasi_list" placeholder='Type location..'></v-select>



之后，一切正常。
嗨，Richard，谢谢你的回答，让我试试Axios，然后告诉你它是如何运行的。关于php文件。没关系，我知道我正在构建的web的安全问题，但我仍在学习，还不知道如何处理web安全。。但由于这个网站只是我自己的项目，不会在线托管，所以我并不担心。谢谢你的提醒Richard！
while ($rowList = mysqli_fetch_array($sqltran,**MYSQLI_ASSOC**)) {                         
$response[] = $rowList;
}

<v-select :options="lokasi_list" placeholder='Type location..'></v-select>

<v-select label='nama_Location' :options="lokasi_list" placeholder='Type location..'></v-select>