iview Select 注册局部组件后,就显示无匹配数据

Question

在组件引入 iview的 Select下拉列表后。注册为局部组件之后使用就显示没有匹配数据。<div class="select-plate"><span>选择板块：</span><Select v-model="model1" style="width:218px; ">   <Option v-for="(item,index) in plateList" :value="item.value" :key="index">{{ item.label }}</Option></Select></div>如果不注册直接使用的话,是没问题的，但是没有样式，很丑。 注册为局部组件后有样式但是就没办法显示数据了吗?请问这是正常的吗?需要自己手动写样式吗

Answer 1

同样的问题啊

Answer 2

需要注册组件！
你的数据格式估计没对

plateList: [
                    {                        value: 'New York',                        label: 'New York'
                    },
                    {                        value: 'London',                        label: 'London'
                    },
                    {                        value: 'Sydney',                        label: 'Sydney'
                    },
                    {                        value: 'Ottawa',                        label: 'Ottawa'
                    },
                    {                        value: 'Paris',                        label: 'Paris'
                    },
                    {                        value: 'Canberra',                        label: 'Canberra'
                    }
                ],