爲什麼V模型不顯示？需要在窗體上的編輯模式下顯示值

嘿，我是一個前端開發人員，希望集成一些使用vue JS的後端數據，這是我非常熟悉的。爲什麼V模型不顯示？需要在窗體上的編輯模式下顯示值

我有一個表單，當用戶點擊「編輯」時，我顯示的是同樣的表單，但我希望填充值。

下面是相關JS：

$(document).ready(function() { 

    new Vue({ 
     el: 'body', 

     data: { 

      editMode: false, 


      challenge: null, 

      challenges: <%= raw @campaign.challenges.to_json(include: [:challenge_tags, :challenge_filters], methods: [:has_link, :encoded_link, :is_active, :contact_count, :total_clicks, :default_image, :completions, :total_targeted, :total_contacts]) %>, 
     }, 

     methods: { 

      edit: function(challenge) { 
      this.editMode = true; 
      this.challenge = challenge; ** 
      } 
     } 
    })  
});

**這是一個建議，但它似乎沒有工作。

下面是HTML：

<input class="input" type="text" placeholder="challenge name" v-model="challlenge.name">

這一點，例如，工作正常：

<span v-if="editMode">Edit</span>

它是理想，使之與V-模型工作。

任何建議有幫助！

編輯：當我添加v-if =「challenge.name」字段不顯示，這是告訴我，也許數據沒有被訪問？

來源

2017-08-11 judith

感謝@bert重新格式化數據，你打我吧！ – judith

如果你不喜歡這樣v-if="challenges && challenges.name"領域將顯示，當存在challenges.name提供

來源

2017-08-11 14:08:35 user7995820

這似乎只是使輸入字段僅在該數據可用時纔會顯示。這有助於我看到數據不可用的意義...... – judith

爲什麼V模型不顯示？需要在窗體上的編輯模式下顯示值

回答

相關問題