从ViewBag在数据功能Vue中获取项目

问题描述

美好的一天。

我如何从数据袋中获取数据？

   ViewBag.Headers = headers;
   return View();

data: {
   title: 'Select headers for processing',list1: @ViewBag.Headers,<= need to get here
   list2: ['1','2','3']
},

并在此处使用list1

   <div class="col-md-5">
      <select size="10" class="form-control" id="list1" multiple>
         <option v-for="item1 in list1">{{item1}}</option>
      </select>
   </div>

解决方法

通常，您不应该在同一页面上混合剃刀和VUE。您可能很难保持正确的状态。两者都在同一天结束。但是，如果您使用的是SPA，那么vue会更加灵活。

您可以在没有任何提示的情况下进行操作。

    <select asp-for="selectedHeader" class="form-control" asp-items="ViewBag.Headers" class="select">  
        <option value="">Choose Header</option>  
    </select>