引用 v-model答案

【问题标题】：Referencing v-model引用 v-model
【发布时间】：2015-10-15 20:41:17
【问题描述】：

我试图在我的一个 html 文件中引用一个 v-model。我已经继续创建了一个 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-model 的“输入字段”：

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

你知道为什么 Vue 不喜欢这种说法吗？

【问题讨论】：

标签： vue.js

【解决方案1】：

我通过更多的摆弄来解决这个问题 - 问题是我不应该使用 @{{input_field}} 而是简单地将 input_field 文本传递到参数中。

【讨论】：

【解决方案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}}">

但我假设因为它已经是表达式的一部分，所以你不需要这样做。

【讨论】：