title: Vue router - missing param for named route
body: <p>How can I solve this problem.</p>
  
  <p>I have a button which should link me to the view about the object I have created. For example</p>
  
  <pre><code>   &lt;router-link :to="{ name:DetailView,
                         params:{ id: detail.id}
                       }
                  @click="createDetail()&gt; Create Detail
     &lt;/router-link&gt;
  </code></pre>
  
  <p>And in my component <code>detail</code> is set after a backend request:</p>
  
  <pre><code>detail:Detail;
  
  createDetail(){
      makeBackendCall().then(detail=&gt;{
          this.detail=detail
      })
  }
  </code></pre>
  
  <p>This is the warning/error I get:</p>
  
  <pre><code>[vue-router] missing param for named route "name:DetailView":
  Expected "id" to match "[^\/]+?", but received ""
  </code></pre>
  
  <p>Obviously the <code>detail</code> component is not yet loaded. Is there something I am missing?</p>