根据选定的值从数据库获取数据。Vue.js+laravel

我有一个包含银行存款的表，其中包含以下行：

        currency | period | percents.

在前端，我有2个选择字段和1个输入：

            <select name="currency" class="form-control" v-model="currency">
                <option>USD</option>
                <option>EUR</option>
            </select>

            <select name="period" class="form-control" v-model="period">
                <option>6</option>
                <option>12</option>
                <option>24</option>
            </select>

        <input class="form-control" type="text"  value="@{{ percents }}" v-model="percents">

所以我需要根据这些选择的选项在输入字段中输入一个百分比值。 例如，用户选择美元和12个月，并自动显示所选选项的百分比。

---

如果有人只提供一个简单的例子，我会非常高兴。

我不能给你确切的代码，但我可以帮助你 第一步 检测用户何时使用jQuery或JavaScript选择选项 步骤2然后像这样向控制器发送ajax请求

$.ajax({
            url: "/home",
            type: 'post or get',
            data: data to send to server,
            success: function(){
                console.log("success");
            },
        error: function(){
            $(".necessary-fields").show();

        }
        });

步骤3 设置路线 路线：张贴“家”和“家”MyController@getData"

步骤4 在控制器中

class MyController extends Controller{
    public function getData(){
        //fetch data from db
        return data;
    }
}

---

我不能给你确切的密码，但我可以帮你 第一步 检测用户何时使用jQuery或JavaScript选择选项 步骤2然后像这样向控制器发送ajax请求

$.ajax({
            url: "/home",
            type: 'post or get',
            data: data to send to server,
            success: function(){
                console.log("success");
            },
        error: function(){
            $(".necessary-fields").show();

        }
        });

步骤3 设置路线 路线：张贴“家”和“家”MyController@getData"

步骤4 在控制器中

class MyController extends Controller{
    public function getData(){
        //fetch data from db
        return data;
    }
}

您可以使用属性和ajax调用。每次用户更改选项时，文本框中的百分比将重新计算。下面是使用VueJS和的示例

新Vue{ el:“应用程序”， 数据：{ 货币：， 期间：， }, 计算：{ 百分比{ var url=/get_percent/+this.currency+'/'+this.period； 这是。$http.geturl，functionresponse{ 返回响应的百分比为0.5%； }; 返回此.currency+'-'+此.period； } } }; 这里是片段

从Laravel方面，您可以返回简单的JSON

路由：：get'/get_percent/{currency}/{period}'，函数$currency，$period { return App\Deposit:：where'currency'，$currency ->其中'period'，$period ->第一,； }; 您可以使用属性和ajax调用。每次用户更改选项时，文本框中的百分比将重新计算。下面是使用VueJS和的示例

新Vue{ el:“应用程序”， 数据：{ 货币：， 期间：， }, 计算：{ 百分比{ var url=/get_percent/+this.currency+'/'+this.period； 这是。$http.geturl，functionresponse{ 返回响应的百分比为0.5%； }; 返回此.currency+'-'+此.period； } } }; 这里是片段

从Laravel方面，您可以返回简单的JSON

路由：：get'/get_percent/{currency}/{period}'，函数$currency，$period { return App\Deposit:：where'currency'，$currency ->其中'period'，$period ->第一,； };

---

您必须发送ajax请求以获取数据，因为它将根据用户选择的值动态更改。您必须发送ajax请求以获取数据，因为它将根据用户选择的值动态更改。我将尝试此变体。我将尝试此变体。我已按照您描述的方式完成了所有操作，并且效果良好。我唯一的一个问题是-当我使用return response.percents时，百分比不会出现在百分比输入字段中。PHP返回正确的值，但console lo显示undefined.Ok。这是我这边的一些错误，现在一切正常。非常感谢！我做了你所描述的一切，一切正常。我唯一的一个问题是-当我使用return response.percents时，百分比不会出现在百分比输入字段中。PHP返回正确的值，但console lo显示undefined.Ok。这是我这边的一些错误，现在一切正常。非常感谢！