Question

vue js 的新用户，我无法弄清楚如何使select元素正常工作。我的代码就像这样

 public static ArrayList GetPrinters()
    {
        ArrayList ArrayPrinters = new ArrayList();

        PrintDocument prtdoc = new PrintDocument();
        //prt.PrinterSettings.PrinterName returns the name of the Default Printer
        string strDefaultPrinter = prtdoc.PrinterSettings.PrinterName;

        //this will loop through all the Installed printers and add the Printer Names to a ComboBox.
        foreach (String strPrinter in PrinterSettings.InstalledPrinters)
        {
            //This will insert the Default Printer Name matches with the current Printer Name returned by for loop
            if (strPrinter.CompareTo(strDefaultPrinter) == 0)
            {
                ArrayPrinters.Insert(0, strPrinter);
            }
            else
            {
                ArrayPrinters.Add(strPrinter);
            }
        }
        return ArrayPrinters;
    }

用户具有与他相关联的角色，其以阵列的形式出现。我有来自用户对象的角色的id和名称。 allRoles拥有所有可用的角色。我想在Vue js中实现的是显示select2中的所有角色，并且应该选择用户指定的角色。

编辑：Vue Js代码。

<td>
    <select  class="form-control select2" multiple style="width: 200px;">
       <option v-for="role in user.roles" selected :value="role.id">
           @{{role.display }}
       </option>        
       <option v-if="user.role.id" v-for="role in allRoles">
          @{{ role.display }}
       </option>
    </select>
</td>

fiddle

在Vue js中的嵌套for循环中选择一个选项

0 个答案: