vue開發 element的select下拉框設定初值后，不能重新選擇的問題

問題描述：
用的element的select可多選的下拉選框，在回顯后有初始值的情況下，不能修改，也不能再選擇

如圖，明明點擊了一般內勤主管，但沒有任何反應

<el-select v-model="editContent.position" multiple placeholder="請選擇">
    <el-option
         v-for="item in positionOptions"
         :key="item.code"
         :label="item.codeName"
         :value="item.code">
     </el-option>
 </el-select>

 

editContent.position賦值格式為數組格式，賦值可以顯示，說明賦值格式無誤
經過各種嘗試，發現，可能是因為下拉框的state層次太深，數據更改沒有觸發render，所以用$forceUpdate()強制更新視圖：

<el-select v-model="editContent.position"
    multiple
    placeholder="請選擇"
    @change="$forceUpdate()">
    <el-option
        v-for="item in positionOptions"
        :key="item.code"
        :label="item.codeName"
        :value="item.code">
    </el-option>
</el-select>