Ссылка на v-model

Question

Я пытаюсь ссылаться на v-модель в одном из моих html-файлов. Я пошел вперед и создал jsbin с небольшим примером того, что я пытаюсь достичь:

https://jsbin.com/saqirekasa/edit?html,js,output

По сути, то, что, кажется, происходит то, что Vue дает ошибку, как это в моем фактическом проект:

[Vue warn]: Invalid expression. Generated function body: scope.lookForUser({{scope.input_field}}) 

проблема (я считаю), как представляется, когда я представил эту строку:

<input type="text" class="form-control input-lg" placeholder="email-address" id = "button_email_submit" v-model = "input_field"/> 

А потом попытался ссылаться на поле ввода v-модели:

<button class="btn btn-info btn-lg" type="button" v-on= "click: lookForUser(@{{input_field}})"> 

Любые идеи, почему Vue не нравится это утверждение?

Answer 1

Я понял это с немного более возиться - проблема была в том, что я не должен был использовать @ {{input_field}}, а просто передать текст ввода_поля в аргументы.

Answer 2

Спасибо! Вот мой пример кода, если он помогает кому угодно.

<div v-repeat="company: companies"> 
    <div class="col-xs-12 col-md-6 col-lg-6"> 
      <a href="#" v-on="click: selected_company_id = company.id">     
     </div> 
</div> 

Я все хотел, чтобы обернуть company.id в усов скобках:

<a href="#" v-on="click: selected_company_id = {{company.id}}">

, но я предполагаю, что, поскольку она уже является частью выражения, вам не нужно сделай это.