鍍金池/ 問答/HTML/ 為什么element ui的select不能綁定一個初始化時還不存在的變量？

為什么element ui的select不能綁定一個初始化時還不存在的變量？

假設初始化是時有變量toolbarQueryParam，值為空的{}
對element的select的v-model綁定值toolbarQueryParam.name，這樣會造成select手動選擇值無效（選了以后還是空值）
要解決此問題，只能初始化時就給toolbarQueryParam.name賦值，例如toolbarQueryParam.name=""這樣。但覺得這樣賦值代碼有點多余，而且原生的select按以上用法是正常的
此問題在element的一些表單控件，例如datepick等都存在，也就只有text input沒問題

回答
編輯回答
幼梔

好像官方文檔也沒有說賦值初始值的，我一般這樣用：

<el-select v-model="postForm.articleclassify" filterable remote placeholder="搜索分類" :remote-method="remoteArticleClassifyList">
  <el-option v-for="(item,index) in ArticleClassifyList" :key="index" :label="item.name" :value="item.value">
  </el-option>
</el-select>

加載的時候，初始值是postForm.articleclassify 選項的值通過后面的迭代出來。

2017年8月31日 10:07