Question

嘿，制作一个vue应用程序。当它运行时显示应用程序的一部分，添加事件不会显示，甚至不显示数据。在它显示相同的错误但不同的区域之前，我可以修复它，但现在我无法弄明白。我一直在这里和网上搜索，但到目前为止还没有。我知道这是html中的模板，但无法弄明白。第一次使用Vue。谢谢。这里的错误

<div class="container" id="events">
     <!-- add an event form -->
     <div class="col-sm-6">
       <div class="panel panel-default">
         <div class="panel-heading">
            <h3>Add an Event</h3>    
        </div>
        <div class="panel-body">

            <div class="form-group">
                <input class="form-control" placeholder="Event Name" v-model="event.name">
            </div>
            <div class="form-group">
                    <textarea class="form-control" placeholder="Event Description" v-model="event.description"></textarea>
            </div>  
            <div class="form-group">
                    <input type="date" class="form-control" placeholder="Date" v-model="event.date">
            </div>

            <button class="btn btn-primary" v-on="click: addEvent">Submit</button>
        </div>
       </div>
     </div>
     </div>

- invalid expression: Unexpected token : in

    click: addEvent

  Raw expression: v-on="click: addEvent"



(found in <Root>)

Answer 1

错误是由于 v-on 表达式不正确造成的。

v-on 表达式应类似于以下内容：

v-on:click="addEvent"

其中 addEvent 是单击组件时要调用的函数的名称。有关相关示例，请参阅Vue.js Event Handling。

编译模板时出错：Vuejs

1 个答案: