add.vue Failed tto compile.
提示說v-if用錯,但是只用了v-model呀
?<template>
??<div>Add</div>
??<div>
????<p>Title</p>
????<label>
??????<input?type="text"?v-model="title">
????</label>
????<p>Content</p>
????<label>
??????<input?type="text"?v-model="content">
????</label>
????<div?class="btn"?@click="add()">ADD</div>
??</div>
</template>
<script>
????import?store?from?'@/store'
????export?default?{
????????name:?"Add",
????????store,
????????data?()?{
????????????return?{
????????????????title:?'',
????????????????content:?''
????????????}
????????},
????????methods:?{
????????????add?()?{
????????????????store.commit('addItem',?{
????????????????????title:?this.title,
????????????????????content:?this.content,
????????????????????});
????????????????this.title?=?'';
????????????????this.content?=?'';
????????????????this.$router.push('/homest')
????????????}
????????}
????}
</script>
<style?scoped>
</style>
2019-05-16
? 同學(xué),這個注釋寫的很清楚了啊,直譯過來就是:
組件 template中需要有一個根塊元素。這個才是你報錯的原因,把你的template,套一個div,像這樣:
<template>
<div>
??<div>Add</div>
??<div>
????<p>Title</p>
????<label>
??????<input?type="text"?v-model="title">
????</label>
????<p>Content</p>
????<label>
??????<input?type="text"?v-model="content">
????</label>
????<div?class="btn"?@click="add()">ADD</div>
??</div>
</div>
</template>