下面是**政同學,他的解決問題的思路總結,發出來給大家參考一下,
在修改教育經歷彈窗位置,想少寫一個查詢教育經歷數據的接口,嘗試了另一種寫法
<!-- 遇到問題 -->
寫着寫着就遇到個小問題(在這兒卡了比較長時間):問題描述如下
我把修改信息彈窗抽離成一個組件了,在每一條教育信息列表裏面都加載了該組件
在控制彈窗是否渲染的時候出了問題,點擊修改信息按鈕,所有列表中的的彈窗都渲染出來了
這不符合邏輯,因該是要修改哪條信息,就彈出該條信息的修改彈窗
<!-- 思考 -->
不能在父組件中用一個狀態來控制修改彈窗是否渲染,這樣會出現上述問題,一個狀態會控制所有彈窗
必須在每一個修改彈窗組件中有一個狀態用於控制彈窗是否渲染,這樣才能單獨控制彈窗
<!-- 解決 -->
在點擊修改彈窗按鈕的時
通過 this.$set() 新增一個臨時的 key: value,該鍵值只用於控制彈窗,不會寫入數據庫
<!-- 這樣描述可能不是很好理解哈,具體看代碼就明白了 -->