使用vue.js获取dropdownlist的值

时间:2017-03-21 11:14:30

标签: c# asp.net-mvc razor drop-down-menu vue.js

我试图获取下拉列表的值并使用get请求更改div内容  查看

 <div class="row row-mb2" id="Produit-tab">
 @Html.DropDownList("Version", new SelectList(ViewBag.Versions, "IdVersion", "VersionProduit"), new { @id = "version" })
 </div>

<div id="versiondetails"></div>

脚本:

 $.Produit.settingsView = new Vue({
            el: '#Produit-tab',
            data:
                {
                version:''
                },
            watch: {
                version: function (versionprod) {
                    $.get("@Url.Action("Details", "VersionProduit", new {id = "_PARAM_" })".replace("_PARAM_", versionprod), function (data) {

                        $('#VersionDetails').html(data);
                    });
                }
            }//,.....rest of the code 

我通常使用带有输入的vue.js,使用v-model =&#34; ...&#34; 但是用剃刀我不能注射vue.js attribut我试过这个,但它剃刀不接受它

 @Html.DropDownList("Version", new SelectList(ViewBag.Versions, "IdVersion", "VersionProduit"), new { @id = "version" ,@v-Model="version" })

1 个答案:

答案 0 :(得分:1)

使用@ {-1}的@ {-1}}它将解决您的问题。

@v_model