iview中下拉框的資料繫結使用

這種是普通頁面上的下拉框的後臺程式碼

        /// <summary>

        /// 初始化倉庫下拉框列表

        /// </summary>

        /// <returns></returns>

        public ActionResult FormInitRepertoryList()

        {

            var data = sysRepertoryApp.GetList(null);

            Dictionary<string, object> dictionary = new Dictionary<string, object>();

            foreach (SysRepertoryEntity item in data)

            {

                var fieldItem = new

                {

                    encode = item.F_Repertory_Id,

                    fullname = item.F_Repertory_Name

                };

                dictionary.Add(fieldItem.encode, fieldItem);

            }

            return Content(dictionary.ToJson());

        }

頁面

<i-select v-model="InventoryRecordInfo.F_Repertory_Id"  :label-in-value="true" filterable>

            <i-option v-for="item in RepertoryList" :value="item.encode" :key="item.fullname">{{ item.fullname }}</i-option>

</i-select>

 

vm中的Data

RepertoryList: []

 

vm中的方法

//初始化倉庫下拉框

            FormInitRepertoryList() {

                $.ajax({

                    type: "POST",

                    url: "/SystemOrder/InventoryRecord/FormInitRepertoryList",

                    data: JSON.stringify(this.page),

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    success: function (data) {

                        vm.RepertoryList = data;

                        setTimeout(function () { vm.$Spin.hide(); }, 1000);

                        console.log(data);

                    }

                });

            },