質問編集履歴
2
    
        title	
    CHANGED
    
    | 
         
            File without changes
         
     | 
    
        body	
    CHANGED
    
    | 
         @@ -18,7 +18,7 @@ 
     | 
|
| 
       18 
18 
     | 
    
         
             
            # この問題に至るまでの経緯
         
     | 
| 
       19 
19 
     | 
    
         
             
            この問題に遭遇するまでに、フィールドを入力すると全てのフィールドに入力した文字が同時に反映されてしまうという問題が発生していました。
         
     | 
| 
       20 
20 
     | 
    
         
             
            この問題を**「問題➁」**とします。
         
     | 
| 
       21 
     | 
    
         
            -
            ここで[https://teratail.com/questions/ 
     | 
| 
      
 21 
     | 
    
         
            +
            ここで[https://teratail.com/questions/222231 ](https://teratail.com/questions/222231)「問題➁」に関して質問しています。
         
     | 
| 
       22 
22 
     | 
    
         
             
            その「問題➁」の解決策としてやけくそですが、メモの部分のみコンポーネント(Field.vue)で分けてみました。
         
     | 
| 
       23 
23 
     | 
    
         
             
            するとフィールドに入力した文字が別のフィールドに同時に反映されてしまうという問題➁は解決されました。
         
     | 
| 
       24 
24 
     | 
    
         
             
            しかし、次に「問題➀」であるページロードすると後から入力した内容に全て書き変わってしまうという新しい問題が発生しました。
         
     | 
1
エラー文追加
    
        title	
    CHANGED
    
    | 
         
            File without changes
         
     | 
    
        body	
    CHANGED
    
    | 
         @@ -136,8 +136,13 @@ 
     | 
|
| 
       136 
136 
     | 
    
         
             
            };
         
     | 
| 
       137 
137 
     | 
    
         
             
            </script>
         
     | 
| 
       138 
138 
     | 
    
         
             
            ```
         
     | 
| 
      
 139 
     | 
    
         
            +
            # エラー文
         
     | 
| 
      
 140 
     | 
    
         
            +
            コンソールにエラーは表示されませんでした。
         
     | 
| 
      
 141 
     | 
    
         
            +
            
         
     | 
| 
      
 142 
     | 
    
         
            +
            次にストレージ内の状況です。
         
     | 
| 
      
 143 
     | 
    
         
            +
            
         
     | 
| 
       139 
     | 
    
         
            -
            github全コード
         
     | 
| 
      
 144 
     | 
    
         
            +
            # github全コード
         
     | 
| 
       140 
145 
     | 
    
         
             
            [https://github.com/masal9pse/courageTodo/tree/develop3](https://github.com/masal9pse/courageTodo/tree/develop3)
         
     | 
| 
       141 
     | 
    
         
            -
            参考にしたサイト
         
     | 
| 
      
 146 
     | 
    
         
            +
            # 参考にしたサイト
         
     | 
| 
       142 
147 
     | 
    
         
             
            1つ目:[https://jp.vuejs.org/v2/cookbook/client-side-storage.html](https://jp.vuejs.org/v2/cookbook/client-side-storage.html)
         
     | 
| 
       143 
148 
     | 
    
         
             
            2つ目:[https://jj-tech-blog.com/%E3%80%90vue-js%E3%80%91localstorage%E3%81%AB%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95](https://jj-tech-blog.com/%E3%80%90vue-js%E3%80%91localstorage%E3%81%AB%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95)
         
     |