template模板中结束标签无效

Question

老师，template模板中的结束标签出现语法警告，说是无效的结束标签，是为什么？

Answer 1

SudyWest 2021-07-16 19:09:07

<input type="text placeholder="Please Enter" v-model="inputValue" /> 这样写就可以，input标签是一个自闭合标签,没有</input>

• 提问者 weixin_慕前端5001913 #1

  哦，是了，明白了，顺手就写了闭合标签，还反应不过来，谢谢了

Answer 2

Dell 2021-06-21 18:35:43

你最后怎么是一个<App>呢？

• 提问者 weixin_慕前端5001913 #1

  不是啊老师，那个<App>不是结束标签，前面不是还有个at嘛，报错的是</input>,</button>和<todo-list>，源代码是这样的：
  template:
                  `<div>
                     <input v-model="inputValue"></input>
                     <button @click="addList">新增</button>
                     <todo-list v-for="(item,index) in list" :item="item" :index="index"></todo-list>
                   </div>`,

• 提问者 weixin_慕前端5001913 #2

  老师还在嘛？问题还没解决呢。。。

• Dell 回复 提问者 weixin_慕前端5001913 #3

  <input v-model="inputValue" /> 单标签来写就可以了