Asp.net mvc 获取Vue中选择列表的选定值

我一直在努力从选择列表中获取所选值，并将该值作为数据对象存储在Vue中。我的问题是该值未存储在Vue数据对象中。我已经考虑过尝试使用onchange或v-model.lazy，但我不确定它们是否最适合这种情况

我有一个选择列表，它是一个下拉列表，我将其转换为选择列表，以便更容易地链接Vue数据对象和选择列表

<select id="Users" v-model="Selected">
    <option>--Select--</option>
    @foreach(var item in list)
    {
        <option id="@item.User" value="@item.Department">@item.User</option>
    }
</select>

然后，我尝试在p标记内显示select列表中的值，以用于测试

<p id="test">{{ Selected }}</p>

var selection = new Vue({
   el: '#test',
   data: {
      Selected: 'Hello'
   }
})

---

任何帮助或建议都将不胜感激。

只要您将所有内容都放在同一个Vue模板中，您所拥有的一切都会起作用

-挑选- @列表中的foreachvar项{ @项目.用户 } {{Selected}} 变量选择=新的Vue{ el:‘测试’， 数据：{ 选择：“你好” } } 例如： Vue.config.devtools=false； Vue.config.productionTip=false； var app=新的Vue{ el:“应用程序”， 数据：{ 选定：B } } -挑选- A. B C D 已选定：{{Selected}

---

好的，这是有道理的，但是我也遇到了一个问题，我发现vue.js没有检测到任何快速的想法？你的意思是说你正在seing{{Selected}？是的，我已经像你演示的那样将select标记和{{{Selected}包装在div标记中，但是我只得到{{Selected}。不，没有控制台错误。我试图复制您的确切代码，但至少没有显示{{Selected}}，但它没有显示任何结果。这是一个MVC项目f，有任何不同。我现在让你的代码工作，所以我将努力从你的代码中找出我的代码。谢谢你的帮助。