Javascript 错误:vue.js:634[vue warn]:属性或方法;项目「;未在实例上定义,但在渲染期间引用
对不起。我不明白,为什么Vue执行代码v-for,却被另一个代码破坏了Javascript 错误:vue.js:634[vue warn]:属性或方法;项目「;未在实例上定义,但在渲染期间引用,javascript,vue.js,vue-component,Javascript,Vue.js,Vue Component,对不起。我不明白,为什么Vue执行代码v-for,却被另一个代码破坏了 <div v_model="main"> <tr v-for="item in main" > <th scope="row">[[ item.name ]]</th> </tr> </div> [[item.name]] 没有麦汁吗 <div v_model="main"> <tr v-f
<div v_model="main">
<tr v-for="item in main" >
<th scope="row">[[ item.name ]]</th>
</tr>
</div>
[[item.name]]
没有麦汁吗
<div v_model="main">
<tr v-for="item in main" >
<th scope="row">[[ item.name ]]</th>
</tr>
</div>
[[item.name]]
工作代码:
<li class="form-control input-xs" v-for="item in main">
<label> [[ item.name ]] </label>
</li>
[[item.name]]
我使用了Django,因为选项:分隔符:['[',']]']
帮助我,请理解此错误。此问题是由于您的HTML无效造成的 Vue正在验证您的文档结构,并且由于
应该仅是
、
、
或
(请参阅)的子表达式,因此不会对您的v-for
表达式求值
这里有一个有效的例子
newvue({
分隔符:['[',']]'],
el:“应用程序”,
数据:{
主要内容:[
{name:“学习JavaScript”,完成:false},
{name:“学习Vue”,完成:false},
{name:“在JSFiddle中玩”,完成:true},
{name:“构建一些很棒的东西”,完成:true}
]
}
})
[[item.name]]
[[item.done?”✔️' : '❌' ]]
将[[item.name]]替换为{{item.name}}另外,v_模型实际上是v-model。请阅读vue文档并慢慢跟进。您不需要该v-model=“main”无论如何,要使循环工作,需要使用带分隔符的Django:['[',']]']是的,我同意你关于v-model的看法。我不明白,因为一个案例有效,另一个则无效。谢谢你的回答。是@Spangle的评论回答了你的问题,还是你仍然有同样的警告?@Phil,不,我仍然收到警告。