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


Posted in Javascript onSeptember 27, 2018

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

<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指令不起效果的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 数组排序函数
Aug 20 Javascript
jquery ajax 检测用户注册时用户名是否存在
Nov 03 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
Mar 23 Javascript
js和jquery分别验证单选框、复选框、下拉框
Dec 17 Javascript
Active控件问题小结(附解决办法)
Jun 09 Javascript
详解javascript立即执行函数表达式IIFE
Feb 13 Javascript
jQuery鼠标移动图片上实现放大效果
Jun 25 jQuery
vue双向数据绑定知识点总结
Apr 18 Javascript
JavaScript实现仿Clock ISO时钟
Jun 29 Javascript
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
element-ui表格列金额显示两位小数的方法
Aug 24 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
Sep 02 Javascript
在vue中使用v-bind:class的选项卡方法
Sep 27 #Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 #Javascript
详解如何在vue项目中使用lodop打印插件
Sep 27 #Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
Sep 27 #Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
Sep 27 #Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 #Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
Sep 27 #Javascript
You might like
php开发工具之vs2005图解
2008/01/12 PHP
PHP的几个常用加密函数
2016/02/03 PHP
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
2009/08/03 Javascript
jquery实现省市select下拉框的替换(示例代码)
2014/02/22 Javascript
jquery处理json数据实例分析
2014/06/03 Javascript
使用javascript实现json数据以csv格式下载
2015/01/09 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
基于jQuery实现的美观星级评论打分组件代码
2015/10/30 Javascript
bootstrap table 数据表格行内修改的实现代码
2017/02/13 Javascript
js canvas实现简单的图像扩散效果
2020/06/28 Javascript
聊聊那些使用前端Javascript实现的机器学习类库
2017/09/18 Javascript
原生js+cookie实现购物车功能的方法分析
2017/12/21 Javascript
JS求Number类型数组中最大元素方法
2018/04/08 Javascript
vue实现拖拽的简单案例 不超出可视区域
2019/07/25 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
通过GASP让vue实现动态效果实例代码详解
2019/11/24 Javascript
VUE-ElementUI 自定义Loading图操作
2020/11/11 Javascript
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
用Python实现KNN分类算法
2017/12/22 Python
python实现数据写入excel表格
2018/03/25 Python
电大毕业生自我鉴定
2013/11/10 职场文书
5s标语大全
2014/06/23 职场文书
四风查摆问题自查报告
2014/10/10 职场文书
社区务虚会发言材料
2014/10/20 职场文书
党的群众路线教育实践活动方案
2014/10/31 职场文书
2014年客房服务员工作总结
2014/11/18 职场文书
爱心募捐感谢信
2015/01/22 职场文书
综合测评个人总结
2015/03/03 职场文书
护理工作心得体会
2016/01/22 职场文书
ConstraintValidator类如何实现自定义注解校验前端传参
2021/06/18 Java/Android
Python Flask搭建yolov3目标检测系统详解流程
2021/11/07 Python
用Python可视化新冠疫情数据
2022/01/18 Python
Python pyecharts绘制条形图详解
2022/04/02 Python
Redis 异步机制
2022/05/15 Redis
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis