Vue.js 参考v型

Vue.js 参考v型,vue.js,Vue.js,我试图在我的一个html文件中引用一个v模型。 我已经创建了一个jsbin,其中有一个小示例,说明了我要实现的目标: 从本质上讲,似乎发生的是Vue在我的实际项目中给出了如下错误: [Vue warn]: Invalid expression. Generated function body: scope.lookForUser({{scope.input_field}}) 问题(我相信)似乎是在我介绍这一行时: <input type="text" class="form-cont

我试图在我的一个html文件中引用一个v模型。 我已经创建了一个jsbin,其中有一个小示例,说明了我要实现的目标:

从本质上讲,似乎发生的是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不喜欢这个语句吗?

我通过更多的摆弄弄弄明白了这一点——问题是我不应该使用{input\u field},而只是简单地将input\u field文本传递到参数中。

谢谢!下面是我的示例代码,以防它对任何人都有帮助

<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用小胡子括号括起来:

但我假设,既然它已经是表达式的一部分,就不需要这样做