欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

Vue中的v-for指令不起效果的解决方法

时间:2020-11-24 17:05:28|栏目:vue|点击:

我的代码之前类似下面的结构

<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.JS入门教程之处理表单

栏    目:vue

下一篇:vue-router的hooks用法详解

本文标题:Vue中的v-for指令不起效果的解决方法

本文地址:http://www.codeinn.net/misctech/25910.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有