vue双方向バインド登った穴

934 ワード

          
              
                
                
              
            

編集時にthisを設定します.postForm = response.そしてこれpostForm.role_id = response.data.role.id
問題が発生しました.このドロップダウン選択は選択できません.
this.postFormというvueオブジェクトが最初に値を割り当てると、Vueはインスタンスの初期化時に属性にgetter/setter変換プロセスを実行し、双方向バインドに成功します.postForm.role_id = response.data.role.idのこのステップの操作は、set/getできません.バインドは成功しません.成功したデータはこのようなものです.
![T@C(MW5Q5316%@L]ET7G3U.png
解決策はデータを処理してからthisに割り当てることである.postForm
もう一つの方法があります
Vueでは、作成したインスタンスに新しいルート応答プロパティ(root-level reactive property)を動的に追加することはできません.しかし、Vueを使用することができる.set(object,key,value)メソッドは応答属性をネストされたオブジェクトに追加する:Vue.set(this.postForm,'role_id',2)(テストなし)