Question

我正在尝试在我的一个html文件中引用v模型。我已经开始创建了一个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}}而是简单地将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}}">

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

引用v-model

2 个答案: