vue-element-admin我踩的坑（4）

v-model绑定数据不实时更新问题

原理：

v-model绑定数据必须要在data 对象里面定义，才能实时更新。例如input对象v-model="aid"那么必须：

data() {

return {

aid: 10

}

问题：

我碰到的问题是在data对象里面定义了一个空map：mydata:{}，但v-model绑定的是mydata.aid，之前用单纯输入框没发现什么问题。但当使用el-selector的时候就发现选中了下拉框中的项后，框中还是空的（显示“请选择”的提示，就像是没选择过）。当我在其他的下拉框（绑定到一个具体变量）时，居然之前的框中出现我我刚刚选中的项。分析应该是没有及时刷新的缘故。

在data对象中的mydata:{}的定义改为mydata{ aid: undefined } 问题解决。

另外，我中途还有个方法把mydata重置成了mydata:{}也不行，必须重置为mydata{ aid: undefined }