Iview: Select级联选择，第一次下拉选择正常，切换值后，选择显示的文本还是上一次的

[tangsj]

第一个选择框 选择后， 会改变Select2的选项， 选择select2时 显示文本不正确。
示例：
https://codepen.io/tangsj/pen/PJPryz

[aamis520]

附加问题：有时候还会显示空白

[aamis520]

我之前出现问题是因为下拉框代码是这样写的：
<Select v-model="editpageid" style="width:200px;margin-bottom: 15px;"> <Option v-for="item in tablePageList" :value="item.pageid" :key="item.pageid">{{ item.pagename }}</Option> </Select>

解决空白和显示错乱的代码是：
<Select v-model="editpageid" style="width:200px;margin-bottom: 15px;"> <Option v-for="item in tablePageList" :label="item.pagename" :value="item.pageid" :key="item.pageid">{{ item.pagename }}</Option> </Select>
其实就是加了一个 :label=""

[tangsj]

找到原因了， options　key设置问题， 改成一个唯一的id 就好了
https://codepen.io/tangsj/pen/PJPryz