参考v-model

Question

我正在尝试引用我的一个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 'input field‘：

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

你知道为什么Vue不喜欢这句话吗？

Answer 1

我用更多的技巧解决了这个问题--问题是我不应该使用@{{ input_field }}，而是简单地将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}}">

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