为了账号安全,请及时绑定邮箱和手机立即绑定

add.vue Failed tto compile.

https://img1.sycdn.imooc.com//5cdccf740001bd2b13640665.jpg提示说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('/homespacer.gifst')
            }
        }
    }
</script>

<style scoped>

</style>


正在回答

1 回答

? 同学,这个注释写的很清楚了啊,直译过来就是:

组件 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>

1 回复 有任何疑惑可以回复我~
#1

Icbto 提问者

啊! 对,我刚才查到,最开始的时候一直纠结明明没有v-if,怎么提示让改成v-if-else,谢谢老师~ ❤
2019-05-16 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

add.vue Failed tto compile.

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信