Vue中的v-for指令不起效果的解决方法
更新时间:2018年09月27日 11:09:47 作者:牧码人小鹏
今天小编就为大家分享一篇Vue中的v-for指令不起效果的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
我的代码之前类似下面的结构
<div id="example-1" v-for="item in items"> <ul> <li> {{ item.message }} </li> </ul> </div>
结果发现不好用,数据读入了但是没有显示
于是我后来看官网的例子才明白,原来是id和v-for不在一个层级上,官网的例子如下,我按照不在一个层级上改,果然好用了
<ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li> </ul>
以上这篇Vue中的v-for指令不起效果的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Vue 中指令v-bind动态绑定及与v-for结合使用详解
这篇文章主要为大家介绍了Vue 中指令v-bind动态绑定及与v-for结合使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-09-09
最新评论